在 iPhone 上,div 的 masterhead、middleline、middle、bottomline、bottom、colophonline 和 colophon 不会一直到达右侧。但是在桌面上他们可以。我想知道为什么。我试图对 div 应用负边距,但它并没有改变任何事情。不幸的是,我还没有在 iPad 上尝试过。
网站: http: //www.domda.se
在 iPhone 上,div 的 masterhead、middleline、middle、bottomline、bottom、colophonline 和 colophon 不会一直到达右侧。但是在桌面上他们可以。我想知道为什么。我试图对 div 应用负边距,但它并没有改变任何事情。不幸的是,我还没有在 iPad 上尝试过。
网站: http: //www.domda.se
您有几个严重的HTML 错误。杂散标签会影响您的布局,并且浏览器之间的差异很可能会很明显。
其次,我在桌面版 Safari 中看到了右侧空间(边距还是填充?)。这个空间导致了一个永久的水平滚动条。无论我制作多宽的窗口,一直到 1900+ 像素,滚动条仍然存在。
当我padding-right: 10px;
从#colophon
位于style.css
文件中的元素中删除时,右侧间距问题消失了,烦人的滚动条也消失了。
当我在 iOS 上打开您的网站时,我看到了您的问题,我相信这是由#colophon
.
我不确定目的是什么,但我认为您可以安全地删除它padding-right: 10px;
而不会造成损害。虽然,您需要清除您的 HTML 验证错误并在所有浏览器中进行测试才能确定。