28
  1. このメタタグをサポートしているブラウザはどれですか？
  2. どうすれば使えますか？
  3. これは、モバイルのサイズ変更に関するすべての問題を解決することを意味しますか？

誰かがこれに答えることができれば、それは学習する初心者にとって大きな助けになるでしょう

<meta="viewport">
4

4 に答える 4

23
  1. ビューポート ブラウザーのサポートは、全体的に少しだけです。詳細については、ビューポート ブラウザーのサポートに関する Quirksmode ページを参照してください。
  2. ビューポート メタ タグは、他のメタ タグと同じように使用します。コード ブロックを にまっすぐに配置し<head>ます。
  3. かなりですが、ここでも少し言いたいことがあります。いくつかの記事を読むか、Web デザインに関する W3 モバイルのベスト プラクティスを読むか、タグのビューポート属性に関する現在の W3 ドラフト仕様を<meta>読むことをお勧めします。

つまり、ビューポートのスケーリングを実装する必要がある Web サイトにこの行を追加すると、ほとんどの問題が解決するはずです。( WebDesignTuts+ の「クイック ヒント: ビューポート メタ タグを忘れないでください」の記事からコピー) 

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

PS Quirksmode にも、この問題を説明したかなり素晴らしい記事があり、これが役立つ理由を理解するために読む価値があります。

于 2012-06-05T06:33:04.843 に答える
6

メタ ビューポート、そのさまざまなプロパティ、およびデザインでの使用方法に関する別の記事は、http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/です。

物事を詳細に説明するスライドデッキと、それに付随するGithub リポジトリもあります。

免責事項: 私はこれらのリソースの作成者です。

于 2012-06-12T22:41:57.443 に答える
0

メタ ビューポート タグは、表示画面のサイズに応じて Web サイトのサイズと可視性を調整するために使用されます。これにより、Web ページが Android、タブレット、または iPhone に自動的に収まるようになります。

于 2016-12-10T09:51:26.120 に答える