2011-08-09 138 views
0

我正在測試一個帶有2個iPhone的移動網站。當我將1旋轉到橫向模式時,文本調整大小(所需)。當我旋轉到其他風景模式,文本不調整(不希望)iPhone在縱向和橫向之間調整大小的文字

我已經使用WebKit的文字大小調整風格的嘗試,但發生

html, body, p, div, h1, h2, h3, h4, h5, h6 { 
    -webkit-text-size-adjust:none; 
} 

相同的行爲我頭標記

<head> 

    <meta charset="utf-8"> 

    <title>Site</title> 

    <meta name="HandheldFriendly" content="True"> 
    <meta name="MobileOptimized" content="320"/> 
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0"> 

    <link rel="stylesheet" href="style.css"> 

</head> 

是否有一些設置可以更改爲始終調整文本大小?我應該重新訪問移動設備的元信息嗎?

編輯:

iPhone1 = iPhone 4 Verizon running iOS 4.2.6 
iPhone2 = iPhone 4 AT&T running iOS 4.3.5 

由於

+0

是它們都運行iOS相同版本的?他們是同一個模型嗎?他們是什麼模型和版本? – Moshe

+0

這裏是一個[更簡單的解決方案](http://stackoverflow.com/a/12585002/557810),如果*所有*你試圖解決的是文本大小調整。 – inko9nito

回答

4

設備寬度總是指在縱向模式下對寬度,所以寬度=設備寬度將擴大在橫向模式下的視口。這是iPhone的怪癖(我認爲iPad也是)。似乎有點愚蠢,但這是蘋果如何做到這一點。

所以只需使用:

<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0"> 

或更好,這一點,這將仍然允許用戶規模,如果他們想:

<meta name="viewport" content="initial-scale=1.0"> 
+0

你剛剛爲我節省了很多時間。你是怎麼發現的? – moritz

相關問題