1

CSS - ユーザーがブラウザのサイズを変更するときに横に並べてラップしないようにする方法は? http://jsfiddle.net/QWSHw/

<div class="a">
<div class="gridrow">
    <div class="griditem">a
    </div>
    <div class="griditem">b
    </div>
</div>


 .a{
background: black;
position: absolute;
top:10px;
width:100%;
}
.gridrow{
background: gray;
width:100%;
}
.griditem{
background: blue;
float:left;
width:300px;
height:300px;
}​
4

3 に答える 3

3

を使用しているためfloat: left、できることはmin-widthルールを設定することだけです。.gridrow 

.gridrow{
    background: gray;
    width:100%;
    min-width: 600px;
}

もちろん、これは の最小画面サイズを課し600pxます。ユーザーがブラウザ ウィンドウのサイズを 未満に変更すると600px、水平スクロール バーが表示されます。

于 2012-08-04T10:40:17.457 に答える
0

min-width:含まれている Div にa を設定します。これにより、コンテンツが折り返される程度にサイズが縮小するのを防ぎます。

于 2012-08-04T10:42:34.067 に答える
0

あなたが何を達成しようとしているのか正確にはわかりませんが、レスポンシブ デザインまたはアダプティブ デザインについて話していると推測できます。

「px」ではなく「%」で幅の値を設定する必要があります。これにより、ブラウザは各ビューポートの変更で幅を計算し、それに応じて調整します

CSS フレームワークを使用することをお勧めします。

ツイッターのブートストラップ

基礎3

于 2012-08-04T10:45:57.357 に答える