divの最小幅に合わせたコンテンツを作成しますか？

Question

私は通常、ページの幅の20％を占めるように設定されているdivを持っていますが、この20％がオーバーフローせずにコンテンツを表示するのに十分でないページでは、コンテンツに合わせるのに必要な幅。内容は必ずしも固定幅である必要はないので、単純にmin-widthにハードコードされた値（ピクセル単位）を使用することはできません。

可能であれば、私は純粋なCSSでこれを行いたいと思います。

Answer 1

私は、ブレークポイントを定義することをお勧めします。したがって、あなたの幅が十分でないところを把握し、さまざまな状況に合わせてCSSルールを上書きするメディアクエリを使用する必要があります。

@media screen and (max-width: 720px) { 
    /* ... */ 
} 

次にあなたがこのメディアクエリの内側に新しいwidthまたはmin-widthを定義することができます：720pxより小さい画面幅のためのあなたの改ページがあれば

ですから、このような何かを行うことができます。