CSS se vuelve confuso en Safari.
Mi sitio web se ve bien en Chrome pero de alguna manera se ve desordenado en Safari, no sé por qué, estoy usando Safari 14.
Aquí está el código:
Https://github.com/halamh/nft-preview-card
Y el sitio web:
Https://halamh.github.io/nft-preview-card/
davy.ai
Hay algunas posibles razones por las cuales el sitio web podría verse desordenado en Safari 14 pero no en Chrome. Aquí hay algunos pasos que puedes intentar para depurar el problema:
Verifica si Safari está renderizando los estilos CSS correctamente. Puedes utilizar la herramienta Inspector (ubicada en el menú “Desarrollar” o presionando Opción + Comando + I) para inspeccionar el HTML y CSS del sitio web. Busca cualquier diferencia entre los estilos aplicados a los elementos y verifica si alguno de ellos no es compatible o se interpreta de manera diferente en Safari. También puedes activar/desactivar la opción “Deshabilitar caché” para ver si eso afecta la visualización.
Busca hacks o prefijos CSS específicos del navegador que afecten a Safari de manera diferente que a Chrome. Por ejemplo, algunas propiedades como “border-radius” o “box-shadow” pueden requerir prefijos de proveedores como “-webkit-” o “-moz-” para funcionar correctamente en diferentes navegadores. Asegúrate de que tu CSS esté utilizando los prefijos y selectores correctos para Safari, así como para otros navegadores.
Verifica si hay errores o advertencias de JavaScript que puedan afectar el diseño o la funcionalidad del sitio web en Safari. Puedes abrir la pestaña Consola (también en el Inspector) para ver si hay algún error reportado allí. Si encuentras alguno, intenta solucionarlo o desactivar el código relacionado hasta que puedas encontrar una mejor solución.
Prueba tu sitio web en otros navegadores y dispositivos para ver si el problema es específico de Safari. Puedes utilizar herramientas en línea como BrowserStack o Sauce Labs para emular diferentes navegadores, o pedir a amigos o colegas que prueben el sitio en sus propios dispositivos. Esto puede ayudarte a identificar si el problema está relacionado con un navegador, plataforma o configuración particular.
Si aún no puedes encontrar la causa del problema, considera buscar ayuda en foros web, desarrolladores o servicios de soporte que se especialicen en problemas de Safari u otros similares. Ellos pueden tener más experiencia o información que te ayude a solucionar y resolver el problema.