Ошибка масштабирования в iOS Safari исправлена

9 Апр
2012

Проблема


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

До недавнего времени я использовал следующий способ предотвращения не правильного масштабирования:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">


после которого пользователь уже не мог вручную изменять масштаб просматриваемой страницы, что меня не вполне устраивало.

Решение


Проблема решена. Достаточно подключить один javascript файл к документу:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="ios-orientationchange-fix.js"></script>


Данный скрипт выключает на время смены ориентации пользовательское масштабирование. После изменения ориентации пользовательское масштабирование включается вновь.

Демо


Потестите следующий пример на своих устройствах:
Demo

Источники


Файл можно скачать по ссылке: iOS-Orientationchange-Fix
Ознакомиться с статьёй в которой описывается данный способ можно по ссылке: filamentgroup.com
По материалам Хабрахабр.



загрузка...

Комментарии:

Наверх