css - HTML コンテンツのスケーリングとスクロール バーの追加

Question

ブラウザー ウィンドウを縮小したことがある場合は、Web ページのコンテンツがある程度縮小され、スクロール バーが表示され始めることに気付くでしょう。それはCSSでどのように行われますか?

Answer 1

min-width私があなたの質問を正しく理解していれば、固定の代わりにプロパティを探しているwidthので、コンテンツを特定のサイズに縮小できます。

.some-shrinkable-element {
   width: 30%;
   min-width: 100px;
}

これにより、親の幅の 30% の要素が作成され、要素が 100px に達するまでウィンドウを小さくすると縮小し、その後その幅に固定されます。