iphone - 如果您的 CSS 布局在 iPhone 移动版 Safari 中困惑,典型的原因是什么?

标签 iphone css safari mobile-safari positioning

<分区>

我的网站适用于我测试过的当前版本的浏览器(Ff、Chrome、Safari、IE9)。但布局在 iPhone Safari (iOS 6.0) 中完全困惑。

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

我在网上搜索了iPhone的mobile-Safari的具体问题,但只能找到一些关于固定定位的问题。 如果您在 iPhone Safari 中的布局困惑,从哪里开始调试?

什么是典型问题? 感谢您的任何提示。

最佳答案

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

检查您的 <div id="container"> .随着屏幕尺寸的缩小,它被向上推。

关于iphone - 如果您的 CSS 布局在 iPhone 移动版 Safari 中困惑,典型的原因是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14678497/

上一篇:html - Chrome/Safari 和 Firefox 之间奇怪的边距差异

下一篇:html - 为什么我的按钮没有完全对齐?

相关文章:

iphone - 标签栏的隐藏显示空白(即使框架是全屏的)

iphone - 根据预先计算的 ascender 计算 UIFont 大小

iphone - 子类 UIViewController 以编程方式创建列表而不使用 nib

javascript - 移动粘性 block 时文档自行滚动

java - Java 小程序中的 drawImage 在 Safari 中闪烁

ios - 自定义 UILabel 类 iOS

css - 创建多色图标。图标

javascript - 实时 slider 输入总和并使用 javascript 在 div 上显示

html - 最大宽度 : 100% + max-height: 100% doesn't work on iPad

html - Safari 9 中的子框未垂直居中