html - 边距：0 自动；宽度：1024；导致水平可见文档回流加载，为什么？

Question

我可以在具有不同设计的多个网站中重现此问题。不幸的是，我无法在 jsfiddle 上重现它，因为它没有全屏。

在这两种情况下，都有一个 body 或 div 元素，例如：

<body style="display: block; margin: 0 auto; width: 1024px; min-width:1024px; max-width:1024px;>

并且页面在 200 毫秒（在 onload 事件附近）后得到可见的回流。使用自动边距时导致水平回流的原因是什么？

例子：

此页面已重排：http://www.numbeo.com/common/form.jsp?country=United+States&city=San+Diego%2C+CA&returnUrl =%2Fcost-of-living%2Fcity_result.jsp%3Fcountry%3DUnited% 2BStates%26city%3DSan%2B迭戈%252C%2BCA

score 1 · Accepted Answer

尝试删除 Facebook/tweeter 栏，看看是否仍然会发生这种情况......然后你可以从那里开始工作。

score 0 · Accepted Answer

问题解决了

@media screen and (min-width: 1025px) {
  html {
    overflow-y: scroll;
  }
}

向 SKeurentjes 致敬！

2 回答 2