当我的 960px 宽居中站点的主要 widthfix div 被带入 HTML5 Boilerplate 时,它在 iPhone 上的行为异常。在 iPhone 上的 Safari 中,div 在 iPhone 上延伸到屏幕外。它在我的笔记本电脑屏幕浏览器和 HTML5 样板之外的任何地方都可以正常工作。
除了添加具有以下类的 widthfix div 之外,我还没有更改 HTML5 Boilerplate 中的任何内容:
#widthfix {
position: relative;
width: 960px;
margin-left: auto;
margin-right: auto;
}
...我刚刚解决了它可以通过删除来纠正:
元名称=“视口”内容=“宽度=设备宽度,初始比例=1.0”
从头。
我不知道这是否是最好的解决方案,所以如果有人有任何额外的意见,我会全力以赴。
但是,至少它似乎显示 OK。