Solucionado

HTML en dispositivos moviles

914 visitas 2 respuestas

Quisiera saber cual es el código para poder visualizar mi pagina en dispositivos móviles (junto con documentos CSS).

por

Registrado desde: 14 Apr 15

Respuestas

2 0

Buenos días, el código es el mismo que en un dispositivo de sobremesa (PC) u ordenador portátil o similar.

El cambio se produce en las media queries de CSS. Las media queries son configuraciones "condicionales", por ejemplo:

@media (max-width: 600px) 
{
    .facet_sidebar 
    {
        color: blue;
    }
}

@media (min-width: 601px) 
{
    .facet_sidebar 
    {
        color: red;
    }
}

En este caso, si el ancho es, como máximo, de 600px el texto tendrá un color azul, si, por el contrario, el ancho es de mínimo 601px, el texto se mostrará en rojo.

Esto es útil para ajustar medidas de anchura/altura, tamaños de texto, etc, para así ajustarlo todo al tamaño de pantalla que se tiene.

Otro apunte importante es el uso de las etiquetas meta en el head de la página, para indicarle cómo y cuando tiene que escalar, hacer zoom, etc, las típicas:

< meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

Aquí te dejo un enlace que te ayudará a comprender el sistema:

https://developer.mozilla.org/es/docs/CSS/Media_queries

Un saludo!!!

por desde España

Registrado desde: 07 Jan 03
0 0

¡Gracias por solucionar mi problema! Un gran saludo.

por

Registrado desde: 14 Apr 15