Muy buenos tips, gracias!!!
El 24 de octubre de 2012 15:24, Hernán Beati escribió:
> 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 quer
Germán, perdona la demora, que llevo unos días perrunos perrunos...
Entonces, aquí te (os, si le interesa a alguien más) una entrada explicando
cómo cargar o no cosas mediante php
http://www.mmfilesi.com/blog/como-detectar-dispositivos-moviles-mediante-php/
Abrazos++
--
Marcos Méndez Filesi
a) Trataré de explicar lo de las imágenes. Entonces, las que queremos que
se "estiren" les ponemos eso del width: 100%. A partir de ahí pueden pasar
dos cosas:
1. Si la imagen no tiene nada que le ciña la altura, que es lo mejor,
cuando se agranda o se achica, la altura corre pareja, por lo que no
ensionan
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>> mu
0 PM
> To: Ovillo, la lista de CSS en castellano
> Subject: Re: [Ovillo] duda responsive design
>
> 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
>
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
solución para
>> que
>> me quede todo ok?.
>>
>> Saludos i gracias a todos por vuestra ayuda.
>>
>> Germán Vaquer
>>
>> -Mensaje original-
>> From: marcos méndez filesi
>> Sent: Wednesday, October 24, 2012 12:37 AM
>> To: O
t;
> Saludos i gracias a todos por vuestra ayuda.
>
> Germán Vaquer
>
> -Mensaje original-
> From: marcos méndez filesi
> Sent: Wednesday, October 24, 2012 12:37 AM
> To: Ovillo, la lista de CSS en castellano
> Subject: Re: [Ovillo] duda responsive design
>
>
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] duda responsive design
+ cosas.
*1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
como te ocurre con la segunda de la segunda fila, conviene que especifiques
una altura máxima a las imágenes. Para eso puedes
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
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
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
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 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
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
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
+ cosas.
*1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
como te ocurre con la segunda de la segunda fila, conviene que especifiques
una altura máxima a las imágenes. Para eso puedes añadir una clase a las
imágenes
.img_columna1 {
width:100% !important;
max-height: 10em;
No sé si llegó el anterior mensaje.
Por favor, prueba esto
columna1 {
min-height:33em;
overflow:hidden
}
El 23 de octubre de 2012 23:56, german vaquer escribió:
> Hola buenas!
>
> Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo
> para visualizar en cualqui
por favor, prueba a añadir esto en las CSS
columna1 {
min-height:33em;
overflow:hidden
}
El 24 de octubre de 2012 00:10, Olivier Blázquez escribió:
> > Hola,
> > Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy
> > claro tu problema, pero igual podrías solucionarlo creando
> Hola,
> Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy
> claro tu problema, pero igual podrías solucionarlo creando una clase nueva
> con un clear: both; y ponerlo en el cuarto div "columna1", en el septimo
> div "columna 1"... Es decir, en las cajas que comiencen a crear
Hola,
Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy
claro tu problema, pero igual podrías solucionarlo creando una clase nueva
con un clear: both; y ponerlo en el cuarto div "columna1", en el septimo
div "columna 1"... Es decir, en las cajas que comiencen a crear una nueva
21 matches
Mail list logo