Исправлена ошибка масштабирования Apple Device Safari Viewport [Как сделать]

Исправлена ошибка масштабирования Apple Device Safari Viewport [Как сделать]
Исправлена ошибка масштабирования Apple Device Safari Viewport [Как сделать]
Anonim

Если вы веб-дизайнер, то ошибка, известная как Viewpoint Scaling, могла столкнуться с вами, которая возникает на устройствах Apple, то есть iPod, iPhone и iPad. Иногда, когда мы поворачиваем наше устройство Apple из портретной в альбомную ориентацию, сайт увеличивается, показывая нам вид, ширина которого больше ширины устройства. Это связано с тем, что дизайнер установил ширину области просмотра на ширину устройства. Чтобы помочь вам понять, как работает эта ошибка, мы разработали образец страницы и перевернули наш iPad с книжной ориентации на альбомную.

Image
Image
Быстрое исправление упомянутой ошибки помогает нам установить «максимум-масштаб = 1» в метатеге области просмотра. Это действительно решает проблему на данный момент, но страница больше не может масштабироваться, потому что мы фиксируем максимальную ширину, аналогичную ширине устройства.
Быстрое исправление упомянутой ошибки помогает нам установить «максимум-масштаб = 1» в метатеге области просмотра. Это действительно решает проблему на данный момент, но страница больше не может масштабироваться, потому что мы фиксируем максимальную ширину, аналогичную ширине устройства.

Это быстрое решение не совсем идеальное решение. Благодаря напряженной работе дизайнеров, как @mathias, @cheeaun и @jdalton, теперь мы имеем JavaScript, которые могут быть добавлены к раздел, чтобы получить постоянное решение. В соответствии с этим решением страница будет оставаться с возможностью увеличения.

Это единственные известные решения, которые дизайнеры придумали до сих пор. Но если у вас есть другой способ исправить эту ошибку, поделитесь им с нами в комментариях.

Популярная тема