コンテンツの高さを画面の高さに揃える方法

–vh という変数に高さを定義して、CSSで適用する感じです。
対応してないブラウザの事も考えて、その前にcalc使わない記載もしておいてください。

 

CSS

 

JavaScript(common.jsの先頭などに記載。CSS読み込み前の方がいいと思う。)

 

参考

[CSS]知っておくと便利!スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です