ホームページ > 記事 > ウェブフロントエンド > CSSの最小幅の使用方法
min-width を使用すると、要素の最小幅を設定できます。この記事では、min-width の具体的な使用方法を説明します。 CSSの幅。
まず、min-width とは何かを見てみましょう。
min-width 属性を使用すると、要素の最小幅を設定できます。
min-width 属性の使用方法?
たとえば、「任意のサイズのブラウザを簡単に表示できるようにする」には、レスポンシブ Web サイトを作成する要素があると仮定して、コンテンツの幅を width: 30%;# に設定できます。
##スマートフォンなどの小さな横型ブラウザで見ると、特にメディアクエリを使用してその他の値を設定しなくても、数値(px)で表示する必要があります。 min. -width を設定して、実際のサイズがこの値より小さくならないようにします。具体的な例を見てみましょう
CSS を次の HTML に適用すると、ブラウザの幅を縮小しても max- で指定された幅より小さくなることはありません。幅 。 HTML<div class ="container"> <div class ="box"> <p>请尝试更改浏览器宽度。<br> min-width:200px;已经设置,它 不会小于200px。</p> </div>CSS
.box{ width: 30%; height: 200px; min-width: 200px; background-color: #66b6d5; }効果は次のとおりです: この記事はここで終了です。詳細はこちらCSS のプロパティに関する情報については、php 中国語 Web サイトの
CSS ビデオ チュートリアル を見て学ぶことができます。 ! !
以上がCSSの最小幅の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。