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

click fraud protection

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

вертикальный образец
образец ландшафта - копия

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

Это быстрое решение не совсем идеальное решение. Благодаря тяжелой работе дизайнеров, таких как @mathias, @cheeaun а также @jdaltonТеперь у нас есть Javascript которые могут быть добавлены к 

instagram viewer
раздел, чтобы получить постоянное решение. Согласно этому решению, страница будет оставаться с возможностью масштабирования.

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

watch instagram story