El diseño web adaptativo, que sería la correcta traducción de Responsive Web Design, consiste en utilizar técnicas de CSS para que el diseño se adapte al dispositivo desde el que navegamos, independientemente de cual sea su tamaño de pantalla u orientación.
Esto nos permite optimizar el contenido en función del dispositivo desde el que se navega.
Acorde a las medidas del tipo:
@media (min-width: 768px) and (max-width: 979px) {
}
Vamos haciendo reglas en función de los tamaños de pantalla más utilizados.
Si se está planteando realizar o modificar su web actual, es muy recomendable realizar la pensando en la multitud de dispositivos desde los que se navega actualmente.
Para saber cuanto tráfico recibe desde este tipo de dispositivos, acceda a su cuenta de Google Analytics y en la sección Público > Navegador y SO > Resolución de pantalla, desde ahí podrá ver los tamaños de pantalla que son usados para visitar su web.
No hay comentarios:
Publicar un comentario