0

さて、サイトに実装する必要があるマップの側面について、流動的な css を検討しています。私が欲しかったものに似たこのデモを見つけました:

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-39-fluid-fluid-fluid/

左の列と右の列を流動的にして、より大きなブラウザー ウィンドウで展開できるようにする方法はありますか。しかし、それぞれ 175px など、特定の幅以下に制限することはできませんか?

そのため、一部のユーザーのためにブラウザーのスペースがもっとある場合は、それを使用できるようにして、3 つの列すべてを流動的にできるようにしたいと考えています。ただし、ブラウザー ウィンドウがどれほど小さくても、左右の列が特定の幅を下回ることはありません (モバイル アプリではなく、モバイル ブラウザーを除く)。

4

1 に答える 1

7

縮小したい要素で次のタグを使用しますが、175px 未満にはなりません。

min-width: 175px;

現在、これは IE8 にのみ準拠しており、IE7 ではある程度サポートされていますが、少しバグがある可能性があるため、注意して使用する必要があります。

firefox 3.6 以降 (おそらくそれ以前)、safari、opera 10 以降で完全にサポートされています。

于 2011-11-04T15:47:50.857 に答える