Ok marcos, ya probaré lo que me has comentado y te diré si ya me
funciona, muchas gracias y un saludo:
Germán vaquer Mensaje originalDe: mmfilesi@gmail.comFecha:
24/10/2012 0:37Para: "Ovillo, la lista de CSS en
castellano"Asunto: Re: [Ovillo] duda responsive
design+ cosas.*1)* Para p
Hola Marcos,
una pregunta, porque utilizas este metodo?
*2)* En vez de
>
>
>
> mejor así
>
>
>
>
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 Ovill
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-mo
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 que
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
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, a
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
http://stackoverflow.com/questions/4716151/css-removing-horizontal-space-in-list-menu-using-display-inline-propert
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.
http://w
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 m
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.
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 gracia
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 columna1
Hola Marcos!
a) Tienes razón miraré porque me sale el scroll.
b) por eso las imágenes salen un poco achatadas, no? por el alto de la
columna 1, lo miro.
c) Tienes razón el botón sale muy desordenado en consonacia con
el texto y las imágenes, estudiaré las 2 opciones modificar el
botón o pone
13 matches
Mail list logo
