0

私はCSSスタイリングにかなり慣れていないので、レイアウトにDIVを配置するのに助けが必要です。DIV タグがページの下部に宣言されている場合、ブラウザーの幅が縮小されたとき (携帯電話のようにシミュレートするため)、この DIV を上部に表示する必要があります。マイナスの値を代入することでこれが達成できることは知っていますが、これを行うより良い方法はありませんか?

http://2010.dconstruct.org/speakers/tom-coatesをご覧ください。ブラウザーの幅を縮小すると、右側の列内のコンテンツがメイン コンテンツの前に表示されることに注意してください。firebug で解決策を見つけることができません。

ありがとう。

4

2 に答える 2

0

メディア クエリを使用します。

@media all and (max-device-width: 767px), all and (max-width: 449px){
    // Code
}

それらについて詳しく知りたい場合は、たとえばhttp://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobileをご覧ください。 -あなたのウェブサイトのバージョン/

于 2013-08-13T01:28:20.780 に答える
0

CSS @media クエリを使用して、既にページの幅に関するさまざまな CSS ルールを条件付けていると思います。

私がすることは、問題の div を HTML ドキュメントのメイン コンテンツの前に配置し、幅のしきい値を超えてフロートさせることです。次に、幅のしきい値を下回って、右に浮かないようにします。

于 2013-08-13T01:28:25.773 に答える