如果你的CSS布局在iPhone的mobile-Safari中搞乱了，典型的原因是什么？

Question

我的网站可以使用我测试过的当前版本的浏览器(Ff，Chrome，Safari，IE9)。但是在iPhone Safari6.0 (iOS 6.0)中布局是完全混乱的。

看看：http://btb-2.ch.emerson.ch-meta.net/ueber-uns.html

我在互联网上搜索iPhone的移动Safari的具体问题，但只能找到一些关于固定定位的点。如果您的布局在iPhone Safari中弄乱了，从哪里开始调试？

典型的问题是什么？谢谢你的任何提示。

Answer 1

原因是iPhone的屏幕尺寸较小。它有一个较小的宽度，您的内容被挤压在一起。尝试拖动浏览器的边缘以减小其宽度，您将看到问题出现。

检查你的<div id="container">。随着屏幕尺寸的减小，它被推高了。