0

これは私の頭をいじっています。次の HTML/CSS は、iPhone で読む場合を除いて、すべてのブラウザーで問題なく表示されます。タグ(SITE DESIGN SOME COMPANY)内のテキストは、約25%小さくなっています。DOM を調べて、デスクトップで他のスタイルが計算されていないことを確認しました。

<footer>
COPYRIGHT 2012 / <a href="http://somesite.com">
SITE DESIGN SOME COMPANY</a> / ALL RIGHTS RESERVED
</footer>      

footer {
width: 100%;
position: absolute;
padding: 10px 0 10px 0;
left: 0px;
bottom: -50px;
text-align: center;
word-spacing: 20px;
font-size: 75%;
}
4

1 に答える 1

0

私もこれを経験しました。iPhone は%、他のブラウザとは異なるフォント サイズをレンダリングします。特に、複数の % 変更を持つ複数の要素内にネストされている場合 (たとえば、別のフォント サイズ宣言<footer>を持つ別の要素内にある場合)。75%

75% を 0.75em に変更する (またはパーセンテージ以外の値を使用する) と、元に戻るはずです。

footer {
width: 100%;
position: absolute;
padding: 10px 0 10px 0;
left: 0px;
bottom: -50px;
text-align: center;
word-spacing: 20px;
font-size: 0.75em; /* or 10pt, or... */
}
于 2012-10-20T01:23:29.653 に答える