Re: [Ovillo] duda responsive design

2012-10-24 Por tema germ...@telefonica.net
Ok marcos, ya probareacute; lo que me has comentado y te direacute; si ya me funciona, muchas gracias y un saludo: Germaacute;n vaquer Mensaje originalDe: mmfilesi@gmail.comFecha: 24/10/2012 0:37Para: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.orgAsunto: Re: [Ovillo]

Re: [Ovillo] duda responsive design

2012-10-24 Por tema Tamara Forza
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

Re: [Ovillo] duda responsive design

2012-10-24 Por tema marcos méndez filesi
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

Re: [Ovillo] duda responsive design

2012-10-24 Por tema Martin Etxauri
Aupa Para evitar este problema yo suelo usar display:inline-block en vez de float, y si les pones a los elementos vertical-align:top te quedan todos alineados arriba, y no sucede esto que pasa con los floats que se te meten en los huecos y se desarma todo. Si quieres utilizar floats tendrás

Re: [Ovillo] duda responsive design

2012-10-24 Por tema Tamara Forza
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:

Re: [Ovillo] duda responsive design

2012-10-24 Por tema marcos méndez filesi
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,

Re: [Ovillo] duda responsive design

2012-10-24 Por tema marcos méndez filesi
Sí, es una buena solución. Había un problema pequeño de todas maneras con el inline-block que no recuerdo ahora muy bien cuál era, pero estaba relacionado con los márgenes que dejaba

Re: [Ovillo] duda responsive design

2012-10-24 Por tema german vaquer
Hola! Marcos, he aplicado lo que me dijistes en los 2 correos, tanto en la clase columna1 y la clase imagen columna 1, y ahora ya se ve bien a resoluciones mayores de 1200px, pero si reduzco la pantalla a 800X600, se me vuelven a descolocar la disposición de las imágenes y su contenido.

Re: [Ovillo] duda responsive design

2012-10-24 Por tema marcos méndez filesi
muchas gracias a ti por compartir el proceso. Entonces, sí, la jugada podría ser esta. a) Limitar el ancho. Que nunca sea más de 1200, para que los que tengan resoluciones mayores no vean una página ilegible. Para eso, en el body podemos añadir esto: max-width: 1220px; b) Luego vamos con las

Re: [Ovillo] duda responsive design

2012-10-24 Por tema Hernán Beati
Te conviene seguir el camino contrario, es decir, utilizar el concepto Mobile First (móvil primero) en el orden en que vincules las hojas CSS. La primera debería ser la versión a una columna, sin media queries, para que móviles que no procesan media queries se queden con el diseño a una columna.

Re: [Ovillo] duda responsive design

2012-10-24 Por tema german vaquer
Ok ya me funciona y me redimensionan las columnas sin descolocarse, gracias Saludos: Germán Vaquer -Mensaje original- From: marcos méndez filesi Sent: Wednesday, October 24, 2012 4:40 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] duda responsive design muchas

Re: [Ovillo] duda responsive design

2012-10-24 Por tema marcos méndez filesi
Hola Germán, hay algo raruno, pero no consigo identificar qué es. a) Cuando pones el navegador a 480 o - te sale el scroll horizontal, que no debería salir nunca en un diseño responsive. ¿Hay algo que no encuentro que tenga min-width:480...? + cosinas b) Ya que cambias el ancho de cada

Re: [Ovillo] duda responsive design

2012-10-24 Por tema germ...@telefonica.net
Hola Marcos! a) Tienes razoacute;n mirareacute; porque me sale el scroll. b) por eso las imaacute;genes salen un poco achatadas, no? por el alto de la columna 1, lo miro. c) Tienes razoacute;n el botoacute;n sale muy desordenado en consonacia con el texto y las imaacute;genes,