jueves, 30 de abril de 2015

Más sobre cómo convertir nuestro blog a responsive

   Hoy quiero dirigiros a dos lugares que os ayudaran  en esa tarea tan aparentemente dificil de transformar vuestros blogs  en responsives, es decir que se adapten a cualquier tipo de pantalla, móvil, tablet. 
Google ya nos ha puesto en antecedentes de que penalizara a aquellas webs o blogs que no se adapten a los nuevos tiempos.
Adelantaros, primero que no es tan complicado y segundo que hay dos tramos fundamentales para lograrlo:
  1.  Vuestras imágenes deben estar en porcentaje, para lograrlo sin demasiadas complicaciones este pequeño código en vuestro html en la zona de los estilos ayudará bastante a minimizar la tarea:

img {

height: auto;

max-width: 100%;

}



2.  Después este tipo de codigo obrara al final el milagro:




@media(min-width:[Resolución Minima]) and (max-width:[Resolución Máxima]){

    [Cualquier selector CSS y sus propiedades]

}


En este magnifico blog hay mas información sobre el tema.


Y en este otro hay una demostración practica de como aplicar todo esto, paso a paso:


Espero que os sea de utilidad

No hay comentarios :

Publicar un comentario

Entradas populares

MI DEBILIDAD