2010-12-07 10 views
5

Estoy publicando un libro gratis en línea en formato HTML5 y dije que sería genial si pudiera optimizarlo para el iPad aunque no tenga uno.¿Cómo forzar iPad Safari a no reducir mi página web en modo vertical?

Así que empecé a trabajar en el diseño y esa idea estaba en mi cabeza todo el tiempo. Hice el diseño solo para adaptarme a la pantalla del iPad en modo retrato, luego traté de probarlo y descubrí que Safari está reduciendo el tamaño de todo el sitio web para adaptar las páginas a su pantalla, lo que arruinó mi diseño y me molestó (lo malo no lo hice). no se investiga demasiado) y Apple no me deja tener un emulador de iPad porque no tengo una Mac.

De todos modos ... ¿hay alguna manera de forzar a Safari a ignorar ese comportamiento y dejar que mis lectores disfruten de mi desgin de escala 1: 1? algo así como la consulta de medios CSS o algún javascript?

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

Gracias

Respuesta

17

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.

+1

Esto tendrá el (a veces desafortunado) efecto secundario de iPhones que causan ser incapaz de enfocar la mayor cantidad de contenido con el fin de leerlo. – LocalPCGuy

+0

¡Funciona muy bien para mapas de pantalla completa! – CrazyTim

+0

Si el zoom se desactiva, no tiene efecto secundario. '" user-escalable = no "' impide esto. Si desea que el zoom permanezca intacto, simplemente omita esa parte. –

-1

Aquí hay un simulador de iPad en línea que puede usar. No es Xcode, pero de todos modos es útil.

http://ipadpeek.com/

+5

Ese "iPad simulator website" no es más que un iFrame con una máscara, no hace un iPad CSS específico y se vuelve completamente diferente. Para que lo sepas, podría funcionar muy bien allí, pero completamente diferente en el iPad. – Matthijn

Cuestiones relacionadas