Div只在iphone上有正确的保证金

Question

在iPhone上，div的masterhead，middleline，middle，bottomline，bottom，colophonline和colophon并没有在右侧一直到达。但他们在台式机上做到了。我想知道为什么。我试图将负边距应用于div，但它没有改变一件事。不幸的是我没有在iPad上试过它。

网站： http://www.domda.se

Answer 1

你有几个严重的HTML errors。杂散标签可能会影响您的布局，很有可能浏览器之间的差异会很明显。

其次，我在桌面版Safari中看到了右侧空间（边距或填充？）。这个空间正在形成一个永久的水平滚动条。无论我制作多大的窗口，一直到1900+像素，滚动条仍然存在。

当我从位于padding-right: 10px;文件中的#colophon元素中删除style.css时，右边间距问题就会消失，烦人的滚动条也会消失。

当我在iOS上启动您的网站时，我看到了您的问题，我认为这是由#colophon上的右侧边距引起的。

我不确定目的是什么，但我认为您可以安全地删除此padding-right: 10px;而不会有任何损害。虽然，您需要清除HTML验证错误并在所有浏览器中进行测试以确保。