屏幕的宽度与移动设备上的宽度不同

Question

我遇到了这个问题：我没有在我的根元素上设置任何宽度，我从HTML元素中删除了所有内容，但它仍然将root的宽度设置为980px，即使你可以在屏幕截图上清楚地看到它是不是真正的宽度。更重要的是，如果我稍微调整它，它仍然说它的980px ......所以它的每个尺寸都可以达到980px宽度。

我尝试将其宽度设置为calc（100vw） - 但没有成功，只设置像素实际上会改变它，但这显然不是我想要的。这让我很烦恼，因为我在min-screen上的mixins因此无法正常工作。

我在这里做错了吗？我不明白......任何帮助/解释都会很好。

Answer 1

你做得对。

不要相信Chrome的响应式设计模式。我给你的是@ 2x尺寸。