Muchas gracias a ti por compartir estas experiencias... curioso, sep.
a) No he probado utilizar user-scalable=yes Aquí está la discusión en git sobre lo de la escala https://github.com/h5bp/html5-boilerplate/issues/824 Y algunos como el tal sichuan no lo tienen claro: I have tested on iOS5, after removing initial-scale=1.0, the default zooming behavior cause quite a big text jump when rotating happens, and it looks pretty undesirable De hecho, según cuenta el propio alex gibson, en la última versión de iOS ya se arregló el bug: https://github.com/h5bp/mobile-boilerplate/issues/140 b) ve correctamente en posición "portrait" pero al > girarlos en el "landscape" se queda con el mismo diseño simplemente un poco > mas grande. curioso... hay que investigar esto. Muchas gracias por la pista. c) No he probado utilizar user-scalable=yes Pos no lo había pensado, la verdad, lol... ABRAZOS. El 24 de octubre de 2012 10:58, Tamara Forza <tamara.fo...@gmail.com> escribió: > > Hola Marcos, > > gracias por la respuesta. Pregunto porque estoy trabajando en hacer > "responsive" un sitio web muy simple, y hacendo pruebas con distintos > dispositivos móviles he encontrado unos cuantos problemas con iPads y > iPhones (no de ultima generación). El problema es que si en mi código > utilizo: > > <meta name="viewport" content="width=device-width"> > > Entonces el sitio web se ve correctamente en posición "portrait" pero al > girarlos en el "landscape" se queda con el mismo diseño simplemente un poco > mas grande. Algo que no pasa con el mismo navegador en dispositivos que > llevan Android. > > He probado a utilizar: <meta name="viewport" content="width=device-width, > initial-scale=1"> > > Con este código en posición "landscape" se me aplican correctamente los > estilos. Poniendo el iPad (o iPhone) en "portait" lo estilos escalan bien, > pero al volver a ponerlo en modo "landscape" los estilos se aplican > correctamente pero es necesario hacer un zoom para que la pagina se quede > correctamente. En este articulo explican el problema: > http://webdesignerwall.com/tutorials/iphone-safari-viewport-scaling-bug > > No he probado utilizar user-scalable=yes, pero si no me equivoco es el > comportamiento por defecto. Por eso me pregunto por que incluirlo? > > Ademas he leído que utilizar initial-scale=1 no es buena practica, por > eso lo han quitado desde la ultima versión de html5boilerplate ( > http://html5boilerplate.com/). > > Al final he optado por simplemente indicar que la pagina es apta para > distintos tamaños: > <meta name="viewport" content="width=device-width"> > > Saluldos, > Tamara > > 2012/10/24 marcos méndez filesi <mmfil...@gmail.com> > > > Hola Tamara, > > > > con user-scalable permites que el usuario pueda ampliar o reducir la > > pantalla. Puede tomar los valores no o yes; > > > > con initial le decimos que empiece mostrando las cosas en escala 1/1 > > (respecto a la resolución del móvil). > > > > +info > > > > > > http://revolucion.mobi/2012/02/14/mostrar-sitios-para-moviles-en-escala-correcta/ > > > > > > http://tableless.com.br/manipulando-metatag-viewport/ > > > > > > http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/ > > > > > > > > Abrazos. > > > > El 24 de octubre de 2012 09:04, Tamara Forza <tamara.fo...@gmail.com > > >escribió: > > > > > Hola Marcos, > > > > > > una pregunta, porque utilizas este metodo? > > > > > > *2)* En vez de > > > > > > > > <meta name="viewport" content="width=device-width"> > > > > > > > > mejor así > > > > > > > > <meta name="viewport" content="width=device-width, initial-scale=1, > > > > user-scalable=yes"> > > > > > > > > > > > Cual es la diferencia y que aporta? > > > > > > Muchas gracias de antemano, > > > Tamara > > > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Marcos Méndez Filesi http://www.mmfilesi.com/ _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
