CSS - CSS3 para móvil

   
Vista:

CSS3 para móvil

Publicado por greiskull (1 intervención) el 03/08/2011 12:43:38
Hola!

Tengo una web con un CSS, que me he acostado lo suyo de hacer, pero cuando se accede desde teléfonos móviles todo el trabajo que he hecho no me sirve de mucho.

Para que se vea toda la página se ve muy pequeño y después hay que ir haciendo zoom.

¿No hay forma de que se adapte el CSS dependiendo del tamaño de la pantalla? Así me haría uno para ordenadores y otro para móviles.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

CSS3 para móvil

Publicado por aloha (1 intervención) el 04/08/2011 11:47:39
En CSS3 existen las media-queries.

Con ellas puedes crear reglas dependiendo del tamaño de la pantalla, orientación, resolución…En esta página tienes una demo de cómo funciona las media-queries(columna de HTML5 Demos) y otras características de html5 con IE9.

En el ejemplo CSS3 Media Queries podrás ver como el CSS de la web está divido en partes según el ancho de la pantalla.

@media (min-width:950px) {código css para pantalla grande}
@media (min-width:450px) and (max-width:950px) {código css para pantalla media}
@media (max-width:450px){código css para pantalla pequeña}

Puedes mirar más información en esta guía para el desarrollador de ie9.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar