字體大小在iPhone上呈現不同

Question

這個讓我頭暈。 以下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%;
}

Answer 1

我也經歷過 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... */
}