パソコン、スマホ、タブレットなど、ウィンドウサイズに応じてレイアウトが自動で切り替わります。
最終的なチェックは実際のタブレットやスマホで行うのがおすすめですが、臨時チェックはブラウザで行う事もできます。ブラウザの幅を狭くしていくと、各端末サイズに合わせたレイアウトになります。
cssフォルダの各cssファイルで行って下さい。詳しい説明も入っています。
メインのスタイルはstyle.cssになります。
前半はパソコン環境を含めた全端末の共通設定になります。中盤以降、各端末向けのスタイルが追加設定されています。
media=" (~)"の「~」部分でcssを切り替えるディスプレイのサイズを設定しています。ここは必要に応じて変更も可能です。
メインメニューが折りたたみ式(3本バーアイコン化)になります。バーのスタイル設定もstyle.cssで行う事ができます。
「base」フォルダに入っていますので自由にご活用下さい。
写真やイラストの元素材をPHOTO-CHIPSやDECORUTOで配布している場合もございます。
「base」フォルダに入っていますので自由にご活用下さい。
写真やイラストの元素材をPHOTO-CHIPSやDECORUTOで配布している場合もございます。
写真やイラストの元素材をPHOTO-CHIPSやDECORUTOで配布している場合もございます。