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 サイトの他の関連記事を参照してください。