Los puntos de interrupción (también llamados tamaños de pantalla) son rangos de píxeles que corresponden al ancho de diferentes dispositivos, como desktop, tabletas y dispositivos móviles. Cuando el ancho de un dispositivo se encuentra dentro de un rango de píxeles predefinido de puntos de interrupción, el diseño del sitio se ajusta para que el contenido y el diseño estén optimizados para el tamaño y la orientación de ese dispositivo. Por ejemplo, si estoy viendo un sitio en una computadora desktop , puedo ver el menú completo del sitio, pero cuando veo el sitio en mi dispositivo móvil, veo un menú de hamburguesas en su lugar.
A continuación se muestran los puntos de interrupción que se ofrecen en el editor:
-
desktop (1025px-1399px). Este es el punto de interrupción predeterminado.
-
Tableta (768px-1024px)
-
Móvil (767px e inferior). Siempre recomendamos comprobar los cambios en los puntos de interrupción móviles en un dispositivo móvil, en lugar de cambiar el tamaño de una pantalla desktop .
Si realiza cambios en el diseño, la presentación o el contenido en el punto de interrupción de desktop predeterminado, los cambios se aplican automáticamente a los demás puntos de interrupción. Si cambia el contenido, como agregar un widget, editar texto o agregar o eliminar una sección, el cambio se aplica automáticamente a todos los demás puntos de interrupción, independientemente del punto de interrupción en el que se haya realizado el cambio. Por ejemplo, si agrega un widget en el punto de interrupción de la tableta, el widget también se agregará en todos los demás puntos de interrupción.
Sin embargo, si realiza cambios en la posición o el tamaño de un elemento en puntos de interrupción específicos, los cambios no se aplicarán a otros puntos de interrupción. Por ejemplo, si cambia el tamaño de un elemento en el punto de interrupción móvil, el cambio solo se aplicará a los puntos de interrupción móviles y del entorno móvil y a ningún otro punto de interrupción.
Los sitios web adaptables funcionan en desktop, tabletas y móviles. Por esta razón, nuestro editor adaptable le permite obtener una vista previa del sitio en cada una de estas vistas durante la edición. Esto le permite verificar cómo se ve su sitio en diferentes dispositivos antes de publicar, asegurando que sus clientes tengan una experiencia positiva sin importar qué dispositivo estén utilizando para ver el sitio.
Para cambiar las vistas de dispositivo, haga clic en uno de los botones de dispositivo en la barra de navegación superior:
Las vistas para distintos dispositivos no son versiones independientes de su sitio. Al eliminar un elemento en una vista (por ejemplo, móvil), ese elemento se elimina de todo el sitio (dispositivo de escritorio, tableta y móvil). En lugar de eliminarlo, haga clic en el botón derecho encima del elemento y seleccione para ocultarlo en un dispositivo específico.
Las vistas previas de dispositivos no siempre reflejan con exactitud lo que verá en un dispositivo real. Características como fuentes, tamaño de la ventana del dispositivo, interfaz de usuario y comportamiento del navegador pueden hacer que estas vistas previas sean inexactas en distinta medida. Para la versión más precisa del sitio, verifique en un dispositivo real.
Comentarios
0 comentarios
El artículo está cerrado para comentarios.