2011-08-09 6 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)ですが、修正しようとしているのは* all *がテキストのサイズ変更である場合です。 – 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

関連する問題