1

http://readinglist.samselikoff.com/に簡単なプロトタイプ アプリがあります。

モバイル専用のサイトをデザインしています (個人的なプロジェクトです)。何らかの理由で、iPhone 5 でテキストを引き上げると、テキストが非常に小さく表示されます。

同様のサイズのテキストがはるかに大きく表示される他の Web サイトを作成しました。考えられる説明の 1 つは、スクリプト タグで DOM 要素をラップするEmber.jsを使用していることです。

他の誰かが私のサイトでこれを経験していますか? あなたの携帯ではどのように見えますか？たとえば、<h1>タグは 48px です。私が調査した他のサイトで、同様のフォント サイズ (デバイスの幅が 480 ピクセル未満) を使用しているサイトは、私の iPhone でははるかに大きく見えます。それはエンバーでしょうか、それとも何か足りないのでしょうか?

更新:ここにいくつかの画面があります。最初の 2 つは、私のデスクトップの Chrome のもので、幅は 480px です。

ここに画像の説明を入力

これらは私のiPhoneからのものです：

ここに画像の説明を入力

両方の見出しのテキストは 50px です (Chrome デスクトップから調べた場合)。iPhone で「リーディング リスト」が小さくなったのはなぜですか?

4

2 に答える 2

2

デフォルトでは、モバイル ブラウザーは、より大きなビューポート サイズでレンダリングすることにより、デスクトップ ブラウザーのふりをします。特定のサイズは、プラットフォームによって異なります。viewportHTML にメタ タグを追加して、この動作をオーバーライドする必要があります。

<meta name="viewport" content="width=device-width,initial-scale=1" />

これは、ビューポートの使用に関する優れた紹介です。

于 2013-07-29T08:36:02.447 に答える
1

スクリプト タグは、正しいブラウザー実装では無視されます。Chrome とデフォルトの Android ブラウザでは正常に表示されましたが、テストする Iphone がありません。システムのテキストサイズがブラウザをいじっていませんか? システムのテキスト サイズを切り替えてみて、ブラウザで変更されるかどうかを確認してください。

于 2013-07-28T17:17:01.427 に答える