ホームページ  >  記事  >  ウェブフロントエンド  >  要素をウィンドウの高さに合わせて拡大する方法

要素をウィンドウの高さに合わせて拡大する方法

王林
王林転載
2020-07-29 17:25:012212ブラウズ

要素をウィンドウの高さに合わせて拡大する方法

特定のシナリオでは、要素をウィンドウの高さに合わせて拡大したい場合があります。基本要素の調整ではコンテナのサイズのみを調整できるため、要素をウィンドウの高さに合わせて拡大するには、ウィンドウの高さ。上部の要素である html と body を引き伸ばす必要があります。

(推奨チュートリアル: css クイック スタート )

コード実装:

html, 
body {
    height: 100%;
}

(推奨ビデオ チュートリアル: css ビデオ チュートリアル )

次に、任意の要素の高さに 100% を適用します。

rree

以上が要素をウィンドウの高さに合わせて拡大する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjuejin.imで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。