-1

私のウェブサイトのモバイル バージョンでのみ、メニュー付きのスライド パネルを表示する最もエレガントなソリューションはどれだと思いますか。1140px グリッドを使用して構築し、デスクトップ/iPad バージョン用の通常の水平ナビゲーションを作成します。モバイルに縮小するときは、通常のナビゲーションをハイブして、このスライド パネルに移動したいと考えています。jQuery Mobile を使用することを考えましたが、これは、Web サイト全体を jQuery Mobile に基づいて作成する必要があることを意味します (ここで間違っている場合は訂正してください)。ずっとそこに置いておきたいと思っていたのですが、CSS で隠して、モバイル版だけに表示することにしました。ただし、これは、使用しているデバイスに関係なく、ユーザーがすべてをダウンロードする必要があることを意味します。皆さん、どんな助けも大歓迎です。

4

1 に答える 1

-1

div を定期的に表示しないように設定し、その後、画面幅が 480px 以下のメディア デバイスに対してのみ表示します。

#divID {
    display:none;
}
@media only screen and (max-device-width: 480px) {
    #divID {
        display:block;
    }
}
于 2013-05-11T19:28:25.407 に答える