ホームページ  >  記事  >  ウェブフロントエンド  >  minwidth とはどういう意味ですか?最小幅の設定方法

minwidth とはどういう意味ですか?最小幅の設定方法

云罗郡主
云罗郡主オリジナル
2019-01-28 17:07:1214197ブラウズ

CSS を初めて使用するため、minwidth の意味がわからない人も多いのではないでしょうか? min-width を設定するにはどうすればよいですか? 次の PHP 中国語 Web サイトでは、min-width について学ぶことができます。

minwidth とはどういう意味ですか?最小幅の設定方法

1: minwidth の意味

css では、minwidth はこの属性を使用して段落の最小幅を設定します。最低限の制限は、設定された要素が指定された要素よりも広くてよく、負の値を指定できないことです。

min-width のデフォルト値は none で、応答性の高い Web サイトで使用できます。

2: min-width の設定方法

たとえば、レスポンシブな Web サイトを作成し、コンテンツの幅を 30% に設定すると、見やすくなります。任意のサイズでブラウザの場合、携帯電話などの小さなブラウザを使用してコンテンツを表示する場合、値(px)を設定することで最小幅のパーセンテージとして表示され、実際のサイズがこれより小さくなることはありません価値。

css:

.box{
  width: 30%;
  height: 200px;
  min-width: 200px;
  background-color: #66b6d5; 
}

現在、一部の Web サイト ブラウザは min-width 属性をサポートしています。min-width には、length、%、inherit という 3 つの値があります。長さは主に最小値を定義するために使用されます。幅は主にブラウザに依存しますが、% は要素を定義するパーセンテージ、inherit は親要素から継承された要素属性の値です。

上記は minwidth にとって何を意味しますか? min-width の設定方法の完全な紹介 CSS ビデオ チュートリアル について詳しく知りたい場合は、php 中国語 Web サイトに注目してください。


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

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