google-chrome - 溢出的奇怪CSS行为？

Question

我正在编码的 Joomla 模板有一些问题。我认为这是因为我应用了溢出来避免浮动问题，但根本不确定。

首先，页面在 Chrome 的 X 轴上获得一个滚动条。虽然在 IE 和 Firefox 上工作得很好。最奇怪的部分是，如果您更改窗口大小或仅打开开发工具，它会自行修复...我知道我可以执行以下操作：

body { overflow-x: hidden; }

但我想我不应该需要它。

另外（我认为它真的相关）在 iOS Mobile Safari 和 Chrome 上真的很奇怪......

怎么了？

score 1 · Accepted Answer

Mobile Safari 假定页面为 980px 宽。由于您的是 990 像素，因此标题似乎位于视口之外。

你可以通过在你的 :

<meta name="viewport" content="width=990" />

1 回答 1