Tag: breakpoint sass

为什么window.width小于媒体查询中设置的视口宽度

我很困惑，仍然不确定如何用恰当的话来解释这一点。 到目前为止，我已经使用和设置了Breakpoint的媒体查询。 使用的断点变量看起来像例如： $menustatictofixed: min-width 900px; $ breakpoint-to-ems设置为true。 我已根据以下jQuery代码段的像素值布置了包含所有Breakpoint变量的页面： $(‘body’).append(‘Viewport width px’); var viewportWidth = $(window).width() $(‘#width’).text(viewportWidth); $(window).resize(function() { var viewportWidth = $(window).width(); $(‘#width’).text(viewportWidth); }); 一切看起来都很干净。 但是在过去的一两天里，我遇到了为模式设置最后断点并让事情表现出可预测性的问题。 不知怎的，那些看起来干净整洁的东西，我现在在逻辑上非常怀疑，实际上是不合适的，不知何故是一团糟。 Cuz如果你看一下下面的截图 ，窗口的宽度（在Chrome中）与使用window.width的jQuery代码段的宽度不同。 如果我用window.innerWidth替换window.width来最终排除滚动条也没有区别。 获得正确结果的唯一方法是在等式中添加15个像素： var viewportWidth = $(window).width() + 15; 整个方程中唯一的问题是window.width是错误的函数选择，最好是使用例如document.documentElement.clientWidth或其他东西或……？ 对于15个像素代表什么，以一点点hacky方式解决了上面的问题？ 最好的问候拉尔夫