Pregunta

Estoy publicando un libro gratis en línea en formato HTML 5 y dije que sería genial si pudiera optimizarlo para el IPAD a pesar de que no tengo uno.

Así que empecé a trabajar en el diseño y la idea de que estaba en mi cabeza todo el tiempo. Hice el diseño sólo para ajustarse a la pantalla del iPad en modo vertical, a continuación, he intentado probarlo y descubrí que Safari está escalando hacia abajo todo el sitio web a páginas encajar en su pantalla que atornilla mi diseño y me molestó (mi mal yo no 't hacer demasiada investigación) y Apple no me deja tener un emulador de iPad porque yo no tengo un Mac !!

De todos modos .. ¿hay alguna manera de que pudiera obligar a Safari para ignorar que el comportamiento y dejar que mis lectores disfruten de mi 1: 1 desgin escala? algo así como consulta de medios CSS o algo de JavaScript?

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

Gracias

¿Fue útil?

Solución

Trate de añadir

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

en su cabeza.

Otros consejos

Este es un simulador de iPad en línea que usted puede utilizar. No es Xcode, pero es útil, no obstante.

http://ipadpeek.com/

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top