Подтвердить что ты не робот

Что делает мета-атрибут сглаживания для соответствия?

У меня возникли проблемы с поиском документации для этого. Является ли это Сафари конкретным?

В iOS 9 произошла ошибка (здесь), решение которой добавляет shrink-to-fit=no в метафайл viewport.

Что делает этот код?

4b9b3361

Ответ 1

В Safari 9.0 используется Safari, по крайней мере, на момент написания статьи. Из "Что нового в Safari?" документация для Safari 9.0:

Изменения в окне просмотра

Метаданные Viewport с использованием "width=device-width" приводят к уменьшению масштаба страницы, чтобы соответствовать содержимому, которое переполняет границы области просмотра. Вы можете переопределить это поведение, добавив "shrink-to-fit=no" в свой метатег, как показано ниже. Добавленное значение будет препятствовать масштабированию страницы в соответствии с окном просмотра.

<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">

Короче говоря, добавление этого в метатег viewport восстанавливает поведение pre-Safari 9.0.

Пример

Вот обработанный визуальный пример, который показывает разницу при загрузке страницы в двух конфигурациях.

Красная секция - это ширина окна просмотра, а синяя секция расположена за пределами исходного окна просмотра (например, left: 100vw). Обратите внимание, как в первом примере страница будет увеличено, чтобы соответствовать при shrink-to-fit=no опущена (показывая тем самым содержание вне видового экрана) и синее содержание остается за кадром в последнем примере.

Код для этого примера можно найти на https://codepen.io/davidjb/pen/ENGqpv.

Не указывается спецификация

Без сокращения до соответствия = нет

С термоусадочной системой = нет

С усадкой-в-fit = нет

Ответ 2

В качестве статистики по использованию iOS указывается, что использование iOS 9.0-9.2.x в настоящее время составляет 0,17%. Если эти цифры действительно указывают на глобальное использование этих версий, то еще более вероятно, что будет безопасно удалить сжатую, чтобы соответствовать из метатега вашего окна просмотра.

После 9.2.х. IOS удалите эту проверку тегов в своем браузере.

Вы можете проверить эту страницу https://www.scottohara.me/blog/2018/12/11/shrink-to-fit.html