Верстка · Middle · Запитання 33 з 75
Чому на мобільних height: 100vh може виявитися вищим за видиму область і як це виправити?
- 1Через масштабування сторінки; виправляється через
zoom: 1уbody - ✓Правильна відповідь:
vhне враховує адресний рядок; допомагають одиниціdvh,svh,lvh - 3
vhрахується без урахування DPI екрана; виправляється заміною на100vw
Пояснення
Мобільні браузери рахують 100vh за максимальною висотою (зі схованою панеллю), тому низ блока ховається під адресним рядком. Нові одиниці: svh - мінімальна висота viewport, lvh - максимальна, dvh - динамічна, змінюється разом із панеллю.