ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで最小幅を設定する方法

CSSで最小幅を設定する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-04-15 18:23:146849ブラウズ

CSS では、「min-width」属性を使用して最小幅を設定できます。構文は「min-width: value」です。 min-width 属性は要素の幅の最小制限を設定するため、要素は指定された値より広くても狭くすることはできません。このプロパティでは、負の値を指定することはできません。

CSSで最小幅を設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

最小幅の構文:
min-width:980px 最小幅を 980px

当時、全画面幅 100% の構造が増えていましたが、モバイル ブラウザやコンピュータ リーダーを意図したものではなく、比較的小さいですが、ブラウザの幅が小さすぎて構造が変形することは望ましくないため、CSS の最小幅を設定することがよくあります。このようにして、ブラウザ ウィンドウの幅を任意に最小幅形式に縮小すると、ブラウザが縮小しても Web ページの幅は縮小しなくなります。

設定する際は、一番外側のdivの最小幅を設定するか、bodyの最小幅cssを直接設定するだけです。

最も外側の div の最小幅を設定します
最も外側の DIV の名前が #warp の場合。

#warp{min-width:980px}

ブラウザや解像度がどれほど狭くても、この Web ページの最小幅は 980px です。

本文構成の最小幅

body{min-width:780px}

これは簡単で、直接ウェブページの最小幅を 780px に設定します。ウェブページがどんなに小さくても、最小幅は常に 780px です。幅が 100% フルスクリーンの場合、ブラウザの認識率が低下するにつれて狭くなりますが、最終的な最小幅はウェブページは 780 ピクセルです。

推奨学習: CSS ビデオ チュートリアル

以上がCSSで最小幅を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。