3

モバイルブラウザを検出しようとせずに、デスクトップとモバイルの両方で使用できる方法でブログをフォーマットできるようにしたいと思います。Web標準のファンとして、スタイルをまったく使用せずに基本的なHTMLだけを使用すれば、それは使用できるはずだと思いますが、iPhoneとAndroidの両方のブラウザーが小さなテキストでレンダリングされることがわかります(明らかに、デスクトップブラウザで見られる)。

メディアクエリやその他のさまざまな手法を使用して、モバイルブラウザで必要な外観を得ることができることを認識しています。font-size:20ptに頼らずに、モバイルブラウザでデバイスのデフォルトのフォントサイズで何かを表示する方法があるかどうかを知りたいです。スタイルシートで。「はい、これは単なるHTMLなので、デスクトップブラウザの幅があるふりをしないでください」という種類はありますか?

4

1 に答える 1

7

モバイルデバイスにviewport metaは驚異的です。これにより、ビューポートを大きくして縮小しようとするのではなく、デバイスのサイズになります。

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

あなたはこれの他のバージョンをwidth=device-widthなどで見るかもしれません。これは機能しますが、横向きモードの場合はWebページも拡大します(これは望ましくないと思います)。これらすべてのスケール制約を使用すると、ビューポートが両方の方向に適切なサイズになるようになります。

を作成したAppleにはviewport metaドキュメントがあります。

于 2013-02-09T21:43:13.273 に答える