iOS cihazlarda özellikle Safari web tarayıcısında height değerini “100vh” verdiğimiz zaman iPhone X, iPhone XS, iPhone 11 gibi telefonlarda yer alan Safari’nin bottom bar özelliğinden dolayı “100vh” değerini düzgün bir şekilde görünmüyor ve sayfayı tam olarak ekrana fixlemiyor. Bu sorunu ise “height” ve “min-height” değerlerine vereceğimiz “-webkit-fill-available” değeri ile çözebiliyoruz.
body {
height: 100vh;
height: -webkit-fill-available;
}Yazımı okuduğunuz için teşekkür ederim. Yazımı beğendiyseniz aşağıda yer alan alkış butonuna tıklayabilirsiniz.
Aşağıda yer alan adreslerden bana ulaşabilirsiniz:
Twitter: twitter.com/BrkGur
Web Sitesi: burakgur.com
