iphone - PC ブラウザでは中央に表示されるが、iPhone ブラウザでは整列しない

Question

さて、私は単にフッターとして使用される中央の div を 1 つ持っています:<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

削除するwidth:100%

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

Answer 2

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;
}