爲什麼iPhone在翻頁時會讓我的文字變大？

Question

我有一些div作爲頁面上的標題，然後在它們下面的文本。當我將手機翻過來時，即使沒有CSS來做這件事，文本也會突然變得虛高。

有什麼可以做到這一點？

Answer 1

當iPhone在肖像被保持，它具有320個像素（或640在iPhone 4）的寬度。水平放置時，其寬度爲480像素。您所描述的「縮放」效果是MobileSafari重繪寬度較大的文字。

Answer 2

嘗試使用下面的元標記設置視口：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> 

希望這有助於。它幫助我獲得了一致的移動頁面。

鮑勃

Answer 3

好吧，我知道了......

基本上甚至當我設置了視區的浸潤劑仍然攪亂。爲了阻止這種情況發生，我將元素放置在固定寬度爲320px的div中。

這樣的文字大小是相同尺寸的div水平或沒有時..

乾杯 皮特

Answer 4

我發現，如果DIV有足夠的地方來個大的內部文本，文本將是大。但是，如果div是內聯元素或者沒有可用空間，則iPhone旋轉後文本將不會縮放。