frame-simple1
- 画面幅900px未満で開閉メニューになります。このタイミングを変更したい場合は、js/main.jsの「const breakPoint = 900;」の900を変更して下さい。
- cssに、.small-screen(※ブレイクポイント未満)と.large-screen(※ブレイクポイント以上)が複数箇所ありますが、これらもmain.jsのブレイクポイントを基準に切り替わります。body要素につくclassなので、必要があればその他の表示切り替えにもご活用下さい。
- デベロッパーツールで検証される際は、ツール切り替えの都度、必ずリロードして下さい。いきなり別端末になったのと同じ状態になるので、リロードしないとメニューの挙動がおかしくなります。尚、単にブラウザ幅を変更するだけならリロードは不要です。
《Web Design:Template-Party》