0

2 つの div があり、1 つがテキストで満たされているので、流動的/レスポンシブにしたい:

{
max-width: 600px;
min-width: 380px;
float: left;
}

次に、別の div があります。

{
width: 340px;
float: left;
}

ブラウザのフルスクリーンを完全に揃えると、ラッパーは960pxに設定され、見栄えが良くなります。

私が欲しいのは、ブラウザウィンドウのサイズが変更されて最初の div が縮小され、最小幅に達すると次の div がジャンプダウンすることです。

@media クエリが必要な場合があることに気付きました。これを行う方法がわかりません。

4

1 に答える 1

0 
@media only screen and (max-device-width: 480px) {   
    /* PUT THE CODE IN HERE */


    width: 100%;
    float: left;
    clear: both;

}

または、html バージョンを使用します。

<link rel="stylesheet" media="screen and (max-width: 480px)" href="css/phone.css" />

次に、電話用のコードをそこに配置するか、レスポンシブレイアウトが必要な場合は、幅にパーセンテージを使用する必要があります.

于 2013-07-08T04:27:17.663 に答える