字體大小在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... */ 
}