8

モバイル デバイス (iPhone など) 用の特別なスタイル シートを作成しようとしています。

メインのスタイル シートに次のようなルールがあります。

body
{
    font-family: arial,georgia,"times new roman",times,serif;
    font-size: 12px;
    line-height: 18px;
}

特定のヘッダーの場合：（すべてを定義する本文を除いて、すべてのフォントサイズは em です）

#header #PageTitle h1{
    font-size: 4.5em;
}

iPhone で大きなヘッダーを表示すると、静かに小さく見えます。大きなサイズで表示するにはどうすればよいですか? すべての要素に「2倍大きくする」というルールを適用するにはどうすればよいですか（本文のフォントサイズを変更しようとしましたが、うまくいきませんでした）。

私は何を間違っており、どのように正しく行うべきですか?

4

3 に答える 3

23

私はiphoneでスケーリングを無効にするこのコードを見つけました：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

これが正確な解決策であるかどうかはわかりません（そして、すべてが大きく見えすぎました）-しかし、これは途中です...

于 2011-11-28T16:14:16.603 に答える
6

-webkit-text-size-adjust: none | auto | <percentage>;

したがって、2 倍の大きさになります。-webkit-text-size-adjust: 200%;

于 2011-11-28T16:11:06.013 に答える
1

セットをにbody設定し1em、それに応じてヘッダーなどを設定します。

于 2011-11-28T16:09:35.483 に答える