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.
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:
- 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.
No hay comentarios :
Publicar un comentario