0

私が目指しているこのレスポンシブ デザインでは、3 つの div が横に並んでいて、ズームインするとどんどん狭くなります。代わりに、サイズを維持してスタックしてほしいと思います。どうすればいいですか？私はjqueryを始めていますが、これは可能であればcssに固執することを好みます。

div とその親コン​​テナー div に関連するスタイリングは次のとおりです。

#container {
margin-left:auto;
margin-right:auto;
width:110%}

.floating-div {
width:27%;
min-width:27%;
height:420px;
float:left;}

読んでくれてありがとう〜

4

2 に答える 2

0

HTML の表示を管理するには、ビュー ポートで CSS とブレークポイントを使用することをお勧めします。

CSS Tricks は、この目的のために CSS をセットアップする方法を示しています: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

上記のコードから、要素がズームされるとページの次の div が押し下げられるように、max-width 宣言も必要です。

于 2013-11-07T22:40:25.053 に答える