溢出奇怪的CSS行为？

Question

我正在编写一个Joomla模板的问题。我认为这是因为我申请了溢出以避免浮动问题，但根本不确定。

首先，该页面在Chrome上的X轴上获得一个滚动条。虽然在IE和Firefox上工作得很好。最奇怪的部分是，如果你改变窗口大小或只是打开开发工具，它会修复自己...我知道我可以做类似的事情：

body { overflow-x: hidden; }

但我认为我不应该需要它。

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

怎么了？

http://www.reconstrucciondeaccidentes.es/web/

Answer 1

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

您可以通过在以下内容中添加以下内容来阻止Safari假设页面宽度为980px（适用于为桌面浏览器构建的大多数网站）：

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