web-dev-qa-db-ja.com

HTMLのビューポートとは何ですか。

HTMLのビューポートとは何ですか？ビューポートの詳細にアクセスする方法についていくつか例を挙げていただけますか？

javascripthtmlviewport
64
minil

ビューポートは、ユーザーが現在表示できるWebページの一部です。スクロールバーはビューポートを移動して、ページの他の部分を表示します。

Javascriptでビューポートの寸法を取得するには、この記事の指示に従ってください 。

if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
66
Matchu

ViewPortは、ブラウザにWebコンテンツを表示するための単なる領域であると思います。また、ブラウザごとにViewPortのサイズに独自の設定があります。たとえば、SafariのデフォルトのViewPort幅は980ピクセルです。そのため、見たい実際のWebページが980ピクセルより小さい場合、SafariのWebページにデフォルトでアクセスするときにSafariに空白の表示領域があるはずです。したがって、ブラウザでのWebコンテンツの表示を改善するためにViewPortを設定する必要がある場合があります。

以下のように、例えば：

<meta name="viewport" content="width=device-width">

また、 ポールの答え もお読みください。彼はすでにViewPortの使用法を説明したと思います。

12
Joe.wang

ビューポートは、現在の画面で最初にレンダリングされるときにコンテンツがどのようにスケーリングおよびサイズ設定されるかを決定するために、ブラウザレンダリングエンジンによって使用される仮想領域です。これはあなたを助けます：

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

7
vicky

ビューポートは、ブラウザ上のWebページの視覚領域です。<meta name="viewport"サイトのコンテンツをさまざまなデバイスでレンダリングする方法を設定できます。個人的に私は使用したい：<meta name="viewport" content="width=device-width, initial-scale=1.0>

0
aditya