2

Foundation 6 とレスポンシブ メニューを使用して、次のように外観メニューを変更します。

<ul class='wrapper-list' data-responsive-menu='large-dropdown' data-disable-hover='true' data-autoclose='false' data-click-open='true'>

画面が大きい場合はドロップダウンがありますが、画面のサイズを小/中のメニューに変更するとドロップダウンにとどまり、これは私にとって大きな問題です。

ページを小さなサイズでロードすると、リストが表示され、ドロップダウンがありませんが、大きな画面で切り替えて、再びメニューを小さくすると、ドロップダウンの動作のように消えます...

画面が小さいときにjsの相互作用なしで初期外観(html基本)のメニューを「リセット」するにはどうすればよいですか?

可視性クラスのように大きなドロップダウンのみを言うルールがあるかどうか知っていますか?

このひどい英語で申し訳ありません...

4

1 に答える 1

0

Foundation はモバイル ファーストなので、小さな画面用にドロップダウン クラスを設定する必要があります。これは、列のクラスと同様に機能します。small のみに class を設定すると、すべての画面が継承されます。

プレフィックス中および大が必要です。

プレフィックスsmallは必須ではないため、プレフィックスのないメニュー固有のクラスはすべて small のクラスと見なされます。

プレフィックスのない 2 つのクラスがある場合、その 2 つの最後のクラスが小さい画面に使用されます。

また、同じプレフィックスを持つ 2 つのクラスがある場合、その 2 つの最後のクラスがその画面サイズに使用されます。

<ul class"dropdown medium-accordion large-drilldown menu"></ul>
于 2016-04-16T21:14:05.223 に答える