iPad/iPhone CSS文本：拉伸100％？

Question

是否可以讓文本在iPad和iPhone上以1：1顯示？

我有下面的代碼位：

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> 

#splash h3{color:#fff;text-align:center;top:30%;text-align:center;position:absolute;font-size:138.5%;background-color:#000;padding:10px;text-shadow:2px 2px rgba(82,50,73,.9);} 

img{width:100%;} 

<img src="myImage.png" alt=""> 
<h3>Some Copy</h3> 

如果你注意，我機頂盒：30％。這很好，並且在iPad上顯示與iPhone上完全相同的位置。另外，img在兩個平臺上都可以達到100％，沒有問題。然而，我不能用h3標籤得到類似的結果。

我想知道是否有方法讓iPhone和iPad上的文本顯示完全相同的比例？

Answer 1

你爲什麼要這麼做？像iPhone這樣的較小設備的用戶可用於放大以增加網頁上的字體大小。

你當然目標的這種小與CSS3媒體查詢設備，只是給他們一個更大的字體大小：

#splash h3 { 
font-size:15px; 
} 

@media only screen and (max-device-width: 480px) { 

#splash h3 { 
font-size:30px; 
} 

}