html - iPad のビューポートに合わせて Web サイトを縮小するために使用できるメタ タグはありますか?

Question

基本的に、私は現在、幅 940px のサイトを持っています。現時点では、このサイトを iPad で表示できるようにする必要があるだけで、各デバイスに合わせてサイトを調整するためにメディア クエリを追加し始めています。iPad でサイトを縮小するために使用できるメタ タグはありますか?

Answer 1

私はこれを使用します：

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

developer.mozilla.org/en/Mobile/Viewport_meta_tag/を参照してください。

幅と高さをデバイスの幅と高さに設定し、初期ズームを 1 に、最大ズームを 1 に設定します (したがって、ページはズーム不可になります)。

編集:ページを引き続きズーム可能にしたい場合は、次を削除しmaximum-scale=1ます:

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

Answer 2

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

私はすべてのモバイルサイトでこれを使用しています。

Answer 3

iPadには1024x768の画面があります。メディアクエリを追加する前に問題がないはずです。