Blog

Dadas las reducidas dimensiones de los móviles, en ocasiones, lo que queremos es que la página web se presente en los móviles con otro aspecto diferente. Lo que tenemos que hacer es reconfigurar el código CSS, para que cuando detecte el dispositivo móvil, se utilicen dichos códigos. 

Por ejemplo:

En casos de dispositivos con ventana (la parte de la pantalla / papel donde se procesa el documento) con anchuras entre 400 y 700 píxeles las reglas CSS son las siguientes:

@media screen and (min-width: 400px) and (max-width: 700px) {   

body{  

background-color:#555;  

font-family: Times New Roman;  
}  
header h3{  
        text-align:center;  
 }   

Published in HTML