1

CSS がときどき行うことのいくつかを理解していないことは知っていますが、多くの場合、「幅」スタイルを要素 (入力要素など) に設定しますが、スペースがある場合はそれを埋めるために大きくなります(auto に設定されているかのように) および (たとえば、select 要素の場合) オプション要素がない場合は、最小サイズに縮小されます ('width' がまだ設定されている場合)。

これらのシナリオは 'min-width' と 'max-width' の CSS スタイルで簡単に処理できることはわかっていますが、私の質問は、実際には何も設定されていないのに (一見) どうして 'width' スタイルを持っているのでしょうか? このシナリオで実際に何が起こっているのでしょうか?

このシナリオで CSS がどのように動作するかを理解するのに役立つ答えを探しています。

--------------------------------------更新----------------------- ----------------------------------

ここで他の人が私に示したように、私が観察していた動作は、他の要因によって引き起こされたに違いありません (入力要素が td 要素にあったためでしょうか?テーブルは奇妙なことをしているように見えることがあります)。私のシナリオを複製しません。このようにCSSをどのように誤解したかはわかりませんが、とにかく、「最小幅」と「最大幅」をいつ/なぜ使用する必要があるかについての回答/説明から恩恵を受けたという点で、この質問は役に立ちました。 「幅」を設定します。

要するに、「幅」、「最大幅」、および「最小幅」には、適切なシナリオが与えられれば、確かに用途があります。

4

3 に答える 3

3

その理由は次のとおりです。

  • 幅 - これを「これが私の要素に必要な幅です」に変換します。
  • min-width - これを「要素の幅をこの値より小さくしないでください」に翻訳します。
  • max-width - これを「要素の幅をこの値より大きくしないでください」に翻訳します。
于 2013-03-27T17:39:44.190 に答える
1

コンテナのサイズがわからoriginal widthず、幅を制限したい場合max-widthは、

コンテナ内のコンテンツを広げたいが、200px を超えたくない場合は、max-width が使用されます,,,,,,,,

このシナリオを検討してください

1.使用しているwidth

2.（コンテナの幅がわからない）

3.200pxを超えたくない

やみくもに配置width="200px"すると、コンテナが 150px しかなく、50px が画面で無駄になる可能性があります。したがって、max-width が使用されます。

于 2013-03-27T17:48:00.057 に答える
0

だから私はあなたのためにいくつかの掘り出し物をしました。97ldave が正しいです。これは、ブラウザーの互換性とユーザー間の画面解像度の違いに関係しています。

w3schools - Width Propertyとw3schools- Max-width Propertyを見てください。「ブラウザの互換性」というセクションまでスクロールします。Width-min maxIE では、他のものよりもサポートが強化されているようです。

そのウェブサイトがクイックリファレンスとして役立つことを願っています.

于 2013-03-27T17:38:29.170 に答える