iphone - 以 PC 浏览器为中心呈现，但在 iphone 浏览器中不对齐

Question

好吧，我有一个居中的 div 用作页脚，只需：<div id="bottom-footer">Powered by Coolname</div>和样式：

#bottom-footer {
width: 100%;
height: 20px;
position: absolute;
bottom: 1px;
text-align: center;
}

这在 PC 浏览器中可以正常显示：

但是当你在 iPhone 上试用时，它看起来像这样：

显然没有居中，我做错了什么？

Answer 1

看起来包含body元素或 div 本身有边距或填充。将此添加到您的样式表以重置浏览器的自然行为：

html {
margin:0px;
padding:0px;
}

body {
margin:0px;
padding:0px;
}

#bottom-footer {
width: 100%;
height: 20px;
position: absolute;
bottom: 1px;
text-align: center;
margin:0px;
padding:0px;
}

Answer 2

消除width:100%

#bottom-footer {
height: 20px;
position: absolute;
bottom: 1px;
text-align: center;
}