きょうのクラス会 感動ポイント②🌵 ・めいちゃん先生のnotion講座 ・めいちゃん先生の 　height: calc(100vh - ⚪︎px); 講座 ・EDIT ON code pen ツール便利！ 　(GoLiveしなくても反映できる◎ 　弱点Emmet使えないのでコピペ)

CSS小技✨ browser window全体：height: 100vh; contents領域のみ：height: 100svh; 最低高さを確保：min-height: 100vh; height: 100vh; はheader/footerの影響を受ける height: 100svh; はscroll-barの影響を受ける事がある responsive designの場合はmedia queryで調整が必要 #Codejump #デイトラ

スマホの時、画面上下いっぱいにFVを表示したいけど、iphoneの下部メニューと被らないようにしたい！ .fv img { height: calc(100svh - 85px);　 ↑iphoneメニューの上まで画面いっぱいに表示 height: calc(100vh - 85px);　 ↑上下いっぱい表示 } svhとvhで設定する🧐 #webデザイン