0

以下のリンクを参照に使用してレスポンシブメニューセクションに取り組んでいます

[ http://media02.hongkiat.com/responsive-web-nav/demo/index.html][1]

これを 320x460 のウィンドウ解像度で開くと、メニューがメニュー バーの上に開き、バーの下に表示したい

ここに画像の説明を入力

4

1 に答える 1

1
<nav class="clearfix">
    <a href="#" id="pull">Menu</a>
    <ul style="display: none;" class="clearfix">
        ...
    </ul>
</nav>

$('#pull').click(function() {
    $(this).next('ul').slideToggle();
});

一致するようにメディア クエリを調整する必要があるようです。メニューは高解像度では表示されません。

編集:あなたの新しいフィドルには、jQueryでその一部を処理していることがわかります。CSSに任せるのが一番いいかもしれません。

于 2013-03-29T03:25:59.463 に答える