0

ウェブサイトをレスポンシブにしたいのですが、

幅が 1024px 未満の場合、メニューに div メニュー項目を追加する必要があります。

幅が 1024px を超える場合は、これを使用する必要があります

<div id="menu" >
    HOME
    TOP40
    DJS
        <div id="br"></div>
    SHOUTBOX
    VERZOEKJES
</div>

幅が 1024px 未満の場合は、これを使用する必要があります

<div id="menu" >
    <div id="menu-item">HOME</div>
    <div id="menu-item">TOP40</div>
    <div id="menu-item">DJS</div>
        <div id="br"></div>
    <div id="menu-item">SHOUTBOX</div>
    <div id="menu-item">VERZOEKJES</div>
</div>

そこで、画面幅が1024px以上の時、 #menu-item をテキストと同じにしたいので、 float: left; は既に試しました。しかし、それはうまくいきませんでした。

申し訳ありませんが、必要なコードの種類がわからないため、ライブ デモは random-radio.net にあります。

4

1 に答える 1

1

CSSメディアクエリを読む必要があります。ここに良い記事があります：http：//css-tricks.com/css-media-queries/

于 2013-01-20T12:46:46.710 に答える