页面错位问题

最近项目开发完成，提交测试，测试的过程中发现了一个奇怪的bug，花费我半天的时间来排查，最后终于完美解决

1. 在Windows电脑中发现页面布局错乱，并且是从指定页面跳转过去的时候出现。原来以为是Windows的兼容问题，因为我一直用的Mac开发的。后来有时间来看的时候发现其实另有原因。
2. 首先觉得是样式问题，我先注释了指定页面中的所有样式，还是有问题。然后我又一点一点的注释，控制部分组件的显示和隐藏，最后发现页面高度比较大的一个组件会导致这个问题。我很开心以为是找到了答案，可以在组件里面再筛选的话却找不到问题了，只显示上面一部分或只显示下面一部分没有问题，但是全部显示就有问题。在多次筛选之后我发现可能是滚动条的问题。
3. 在Windows电脑上首先看到的就是滚动条边宽了，和Mac相比，滚动条的占了一部分空间。有问题的页面是左右布局的，按照屏幕宽度vw进行计算，Mac上的滚动条是悬浮在页面之上的，不占用页面空间，页面宽度是100vw；而Windows的滚动条是占用屏幕空间的，所以其实页面空间没有100vw，导致出现错位问题。
4. 解决办法就是不用vw，改用%来表示屏幕宽度
5. vh vw包含页面滚动条的视窗宽度，%不包含滚动条的父视图宽度