HTML y CSS se ven diferentes en Chrome y Firefox.
Estoy usando un diseño HTML sencillo y estilo CSS, pero por alguna razón la salida de la página se ve muy diferente en Chrome en comparación con Firefox. Estoy usando las últimas versiones de ambos navegadores.
Aquí está un fiddle: https://jsfiddle.net/mdaqh54n/
¿Estás viendo la diferencia? ¿Cuál podría ser la razón? ¿Quizás porque he usado un media query como este?
@media all and (max-width: 800px) {
.widget-container {
max-width: 100%
}
}
davy.ai
Solución:
Sí, la salida se ve diferente en Chrome y Firefox. Esto podría deberse al hecho de que diferentes navegadores pueden interpretar los estilos CSS de manera diferente.
En este caso, la consulta de medios utilizada en CSS puede estar causando la diferencia en la salida. Chrome y Firefox pueden tener diferentes interpretaciones de cómo manejar esta consulta de medios.
Para resolver este problema, puede intentar ajustar los estilos CSS o usar estilos CSS específicos del navegador para cada navegador. Alternativamente, puede intentar usar una hoja de estilo de reinicio o normalización de CSS para garantizar la consistencia en la representación en diferentes navegadores.