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

Question

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

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

Во всяком случае, есть какие-то, что я могу заставить Safari игнорировать это поведение и позволить своим читателям насладиться моим 1: 1 масштабированием? что-то вроде CSS Media Query или какой-то JavaScript?

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

Спасибо

Answer 1

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

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

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

Answer 2

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

http://ipadpeek.com/