如果您从一个没有滚动条的网站页面切换到另一个有滚动条的页面,您会看到布局略微偏移,因为内容会向内挤压一点以腾出空间给滚动条。
一个经典的解决方法是使用 html { overflow-y: scroll; }
来始终强制显示滚动条。Ayke van Laëthem 发现了一个更优雅的解决方案:html { margin-left: calc(100vw - 100%); }
,之所以有效是因为 vw 会考虑滚动条而 % 不会,而且……请继续阅读,因为无论如何您还需要注意其他一些事项。
Ayke 的第一篇博文写得相当不错!