私はウェブサイトをデザインしていますが、トップをこの ウェブサイトのようなビューポートの高さにしたいと思います。
どうすればそのようなことができますか？
どのモニターを使用していても、下部は常に画面の下部にありますか？
ありがとう
質問する
25158 次
2 に答える
39
古い質問だと思いますが、vh (ビューポートの高さ) 単位も使用できます。最新のすべてのデスクトップブラウザでサポートされていますが、モバイル デバイスでは問題が発生する可能性があるため、メディア クエリを使用して回避してください。
div {height:100vh;}
ビューポートの高さの 100% を意味します。
これは、相対的な長さの単位を指定する W3C ドラフトです。それらを使用する前に、すべての単位をサポートしているわけではないため、Internet Explorer のサポートを確認してください。
于 2015-06-29T10:11:20.840 に答える
7
次のように設定することで、仕切りをウィンドウと同じ高さに設定できます。
html, body { height:100%; margin:0; padding:0; }
div { height:100%; }
この質問はここでよく聞かれます。最初に検索することをお勧めします。:-)
于 2013-02-20T09:13:11.443 に答える