Кто-нибудь видел проблему, где Safari и масштабирование? У меня есть div, который имеет ширину 100vw
, и когда я уменьшаю масштаб, 100vw не пересчитывает.Safari 100vw Проблема с макетом при увеличении - Помогите мне понять
Я знаю, что есть некоторые причуды для единиц просмотра, и задокументированы на странице canIuse, однако ни одна из них, похоже, не то, что я вижу. Я где-то пропустил соответствующее свойство?
Это jsFiddle, который демонстрирует проблему. Загрузите его в Safari и уменьшения масштаба: https://jsfiddle.net/4vax8Lga/
<body>
<div style="background: red; height: 100vh; width: 100vw; color: white">
100%width
<p>Zoom out to see if I fill the entire screen<p>
</div>
<body>
Проверено ваш jsFiddle просто изменить ширину от ширины: 100vw; до ширины: 100%; и он работает так, как ожидалось. Дайте мне знать, если это поможет – jameswassinger
Спасибо за ответ. Я знаю, что 100% работает здесь, однако есть случаи, когда vw решает другие проблемы. Этот пример не демонстрирует использование vw над процентом, однако он должен показать, что Safari и масштабирование имеют проблемы с vw. Я надеюсь, что кто-то увидел эту проблему и получил некоторую обратную связь по ней, в то же время используя vw. –