2017-01-23 9 views
3

Кто-нибудь видел проблему, где 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>

+0

Проверено ваш jsFiddle просто изменить ширину от ширины: 100vw; до ширины: 100%; и он работает так, как ожидалось. Дайте мне знать, если это поможет – jameswassinger

+0

Спасибо за ответ. Я знаю, что 100% работает здесь, однако есть случаи, когда vw решает другие проблемы. Этот пример не демонстрирует использование vw над процентом, однако он должен показать, что Safari и масштабирование имеют проблемы с vw. Я надеюсь, что кто-то увидел эту проблему и получил некоторую обратную связь по ней, в то же время используя vw. –

ответ

0

caniuse фактически отсутствует информация об этой ошибке. Я сообщил об этом в другом месте, но тот же ответ:

Это была ошибка в Safari, которая, как сообщается, была закрыта в ноябре 2017 года. Непонятно, поступит ли она в Safari 12 или нет.

Ошибка: https://bugs.webkit.org/show_bug.cgi?id=145614

набор изменений: https://trac.webkit.org/changeset/225277/webkit