3

2 つの div を左にフロートさせたので、インラインで表示されます

<div class==".container" style="width: 100%">
    <div class="leftColumn" style="width: 50%; float:left">
        test
    </div>

    <div class="rightColumn" style="width: 50%; float:left">
        test
    </div>
</div>

画面が 400px を下回ると、div が互いの下に表示されるようにしたい 現在のメディア クエリ

@media(max-width: 400)
{
    .leftColumn{background-color: Red; float: none}
    .rightColumn{background-color: Blue; float: right} 
}

助けてくれる人に感謝します

4

3 に答える 3

3

あなたは同じ効果を持つことができます

@media(max-width: 400) {
   .leftColumn, .rightColumn{width:100%;} 
}
于 2012-06-03T22:38:59.660 に答える
0

はい、インライン スタイリングはそれを悩ませていました。さらに、メディア クエリを 100% 正しく定義していませんでした。px が必要でした。

http://jsfiddle.net/XmqNy/

于 2012-06-04T13:29:30.823 に答える
0

理解した。

divにインラインスタイリングがありました

<div class="leftColumn" style="width: 50%; float:left">
    test
</div>

削除すると、すべて機能しました。

于 2012-06-03T09:50:30.717 に答える