-webkit-fill-available
古いやり方
全画面表示で高さを指定するときmin-height: 100vh; と書きがち
が、iOSのSafariでアドレスバーが表示されているとその分が隠れてしまい高さがいっぱいににならない
そのときに使う
html には height: -webkit-fill-available;
body には min-height: 100vh; と min-height: -webkit-fill-available; を指定する
code:css
html {
height: -webkit-fill-available;
}
body {
min-height: 100vh;
min-height: -webkit-fill-available;
}