Как заставить iPad Safari не уменьшать масштаб моей веб-страницы в портретном режиме?

Я публикую бесплатную онлайн-книгу в формате HTML5 и сказал, что было бы здорово, если бы я смог оптимизировать ее для iPad, хотя у меня его нет.

Так что я начал работать над дизайном, и эта идея все время была у меня в голове. Я сделал дизайн только для того, чтобы он соответствовал экрану iPad в портретном режиме, затем я попытался протестировать его и обнаружил, что Safari уменьшает весь веб-сайт, чтобы уместить страницы на своем экране, что испортило мой дизайн и разозлило меня (моя плохая я не не проводите слишком много исследований), и Apple не позволит мне иметь эмулятор iPad, потому что у меня нет Mac!!

В любом случае… есть ли способ заставить Safari игнорировать такое поведение и позволить моим читателям наслаждаться моим дизайном в масштабе 1:1? что-то вроде медиа-запроса CSS или какого-нибудь javascript?

http://mmahgoub.com/thebook/foreword.html

Спасибо


html ipad safari portrait
person mmahgoub    schedule 07.12.2010    source источник

Ответы (2)


arrow_upward
17
arrow_downward

Попробуйте добавить

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

в твоей голове.

person Paul    schedule 07.12.2010
comment
Это будет иметь (иногда неприятный) побочный эффект, заключающийся в том, что iPhone не сможет увеличить масштаб содержимого, чтобы прочитать его. - person LocalPCGuy; 25.06.2011
comment
Отлично работает для полноэкранных карт! - person CrazyTim; 20.06.2012
comment
Если масштабирование отключено, это не побочный эффект. "user-scalable = no" предотвращает это. Если вы хотите, чтобы масштабирование осталось без изменений, просто пропустите эту часть. - person Steve Meisner; 20.10.2012
comment
‹meta name=viewport content=initial-scale=1.0, width=device-width› у меня работает... (без масштаба при начальной загрузке) - person fun_vit; 07.12.2012

arrow_upward
-1
arrow_downward

Вот онлайн-симулятор iPad, который вы можете использовать. Это не Xcode, но тем не менее он полезен.

http://ipadpeek.com/

person Max Harris    schedule 11.01.2011
comment
Этот веб-сайт симулятора iPad — не что иное, как iFrame со скином, он не использует определенный CSS для iPad и отображает совершенно по-другому. Просто чтобы вы знали, он может отлично работать там, но совершенно иначе на самом iPad. - person Matthijn; 31.01.2012