html - box-sizing: border-box は max-width と min-width で安全に使用できますか?

Question

とを組み合わせるとバグが発生max-widthする古いリソースをいくつか読んでいます。他の誰かが結合して何か問題がありますか?min-widthbox-sizing: border-boxmax/min-widthbox-sizing: border-box

すべての要素に対してグローバルに設定されたサイトを構築する予定* {box-sizing: border-box}ですが、max-width も使用する必要がありますが、問題が発生する場合は使用したくありません。

Answer 1

私が認識している問題はありません。ただし、 whenborder-boxを使用するpaddingとborder、要素の高さと幅の合計によって高さと幅が効果的に消費されることに注意してください。これにより、たとえば、max-height100px と 100px の両方を指定するpadding-bottomと、要素の高さが正確に 100px になります。200pxではありません。高さ 100 ピクセル、下部パディング 100 ピクセルが必要な場合は、要素max-heightに 200 ピクセルを指定する必要があります。

違いを説明するために使用するJSFiddle の例border-bottomを次に示します。