Asegúrese de que su sitio es adaptable. Los sitios de adaptación se ven completamente diferentes dependiendo de la pantalla en la que se están viendo. Prácticamente todos los sitios web principales emplean aspectos de diseño adaptable y sensible en la actualidad. Tome TechCrunch por ejemplo. El encabezado en el sitio web de TechCruch se ve así cuando se ve en una ventana del navegador de pantalla completa en mi MacBook Air:
Pero se ve así cuando se ve en una ventana más estrecha, como en mi teléfono Android:
- Como programador, me resulta extremadamente difícil no revisar constantemente Facebook, Quora, etc. mientras trabajo. ¿Cómo puedo desarrollar el autocontrol?
- ¿Cuál es una manera de detener los pensamientos extremos y concentrarse en los estudios?
- Cómo seguir concentrándose en la misma tarea durante un largo período
- ¿Se requiere talento real para obtener un GPA de 4.0 o alguien concentrado en la clase, y trabajar duro e inteligente en casa puede lograrlo?
- Cómo mejorar mi enfoque
El diseño responsivo consiste en reorganizar los elementos según el tamaño de la pantalla. Pero lo que tenemos aquí son elementos completamente diferentes. El menú de hamburguesas a la izquierda y el icono de la nave espacial a la derecha (en la versión para dispositivos móviles en la parte inferior) no existen en la versión de escritorio optimizada para el sitio. Como Ankitaa sugirió, las propiedades de los medios nos permiten especificar los criterios que determinan qué versión del sitio se muestra.
Puede ver más sobre esto aquí: Cinco desafíos del desarrollo de front-end de CSS