Pregunta sobre Storefront de Wordpress:

Pantallas mixtas con luz de tableta

Un usuario preguntó 👇

Bueno, lamento preguntar esto porque soy un principiante y solo estoy aprendiendo CSS, pero tengo un problema grave. Al editar mi sitio en CSS personalizado, la vista previa en vivo muestra la misma pantalla para dispositivos móviles y tabletas (vista móvil). Pero cuando trato de probar la pantalla con las herramientas disponibles en Google, la vista de la tableta se mezcla. Recoge el encabezado de una versión de escritorio y elige la página de contenido de la tienda de la versión móvil y la pantalla solo se cubre hasta la mitad con solo dos elementos y los otros dos elementos bajan por otra línea dejando el otro lado vacío. Preferiría si hereda la versión móvil o la versión de escritorio, ya que está en la vista previa en vivo mientras edito pero no mezclo las dos. Gracias por adelantado

(@abanista)

Hace 2 años, 7 meses

Me las arreglé para resolverlo y encontré la solución. Estaba usando el ancho máximo: 768px y lo cambié a 767px en mi CSS personalizado. Ahora tengo una pregunta. Si utilizo una regla como (ancho máximo 767px) y establezco otra para (ancho mínimo 768px), ¿qué sucede con su ancho que es (767.5px)? Gracias de antemano

(@jobthomas)

Ingeniero Automático de Felicidad

Hace 2 años, 7 meses

Hola @abanista, ese es el punto de partida y se incluirán en tu definición.

Entonces, max-width: 768px se incluirá todo lo que sea de 768px o menos.

Si hay una brecha, similar a lo que ha hecho, volverá al valor predeterminado. Sin embargo, lo ideal es que no utilice preguntas sobre los medios como lo hizo.

Siempre es mejor trabajar con él. min-width (primer enfoque móvil):

Comience por definir todos los valores para dispositivos móviles (los dispositivos móviles se establecen de forma predeterminada) y luego vaya a las consultas de medios para realizar los cambios en esos valores predeterminados.

(@abanista)

Hace 2 años, 7 meses

Muchas gracias @jobthomas, déjame hacer esos cambios

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *