Viewport-unit vw/vh не работают должным образом при не 100% увеличении Safari в OS X
У меня проблемы с vw а также vh устройства на OSX Safari.
Возьмите этот код в качестве примера:
<body style="margin: 0;">
<div style="background: red;
height: 100vh;
width: 100vw;"></div>
</body>При 100% увеличении работает нормально. Однако если вы уменьшите масштаб, Chrome и Firefox (в этом примере) по-прежнему будут отображать красный div по всей странице. Safari, с другой стороны, выглядит так, как будто vw а также vh рассчитываются против области просмотра при увеличении 100%.
Это ожидаемое поведение или Safari по-другому работает с другими браузерами? Есть ли другие браузеры, которые делают vw а также vh таким же образом?
2 ответа
Как я знаю только у Safari есть проблемы с пересчетом. Смотрите эту страницу для более известных проблем с этим свойством: http://caniuse.com/.
Это была ошибка в Safari, который, как сообщается, был закрыт в ноябре 2017 года. Неясно, будет ли он приземляться в Safari 12 или нет.
Ошибка: https://bugs.webkit.org/show_bug.cgi?id=145614
Набор изменений: https://trac.webkit.org/changeset/225277/webkit