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