Я пытаюсь создать несколько квадратных divs рядом друг с другом (которые могут расширяться по высоте, если текста слишком много... но в большинстве случаев текста не будет слишком много). Я пытаюсь настроить его в ответном порядке.
При прокрутке на странице адресная строка моего мобильного браузера продолжает появляться и исчезать. Когда это происходит, когда телефон находится в ландшафтном режиме, размеры меняются каждый раз, когда адресная строка включается или гаснет. Это создает очень раздражающий пользовательский интерфейс.
В моем HTML-коде есть следующая строка видового экрана:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Мой код выглядит так:
.block {
width: 80vmin;
min-height: 80vmin;
margin: 5% auto;
border-radius: 15vmin;
padding: 20px 10px;
}
Очевидно, виновником является компонент vmin. Если я не укажу vmin, ящики будут слишком большими, если смотреть в альбомном режиме.
Есть ли способ заставить vmin игнорировать адресную строку и притвориться, что ее нет? Если нет, какие еще варианты я должен решить эту проблему?