No sé por qué, pero durante algunos días Instagram (versión web) se comporta de forma extraña cuando (la página web) se carga en Safari.
Cuando hago clic en la página de mi cuenta, todo el contenido dentro de la página de mi cuenta se alinea a la izquierda, este no era el caso unos días antes, todo (Todos los contenidos - Publicaciones, foto de perfil, etc.) solía estar alineado centralmente.
Esto sucede solo en Safari. Lo he intentado con otros navegadores web, este extraño problema no ocurre en otros navegadores para macOS
Esta imagen muestra la página de mi cuenta donde todo solía estar alineado centralmente antes y ahora está alineado a la izquierda
La página de publicación única también está alineada a la izquierda, lo que antes solía estar alineado en el centro.
Esta es una captura de pantalla de Firefox y todo parece estar bien aquí. (Está alineado centralmente)
El diseño web puede ser un negocio complicado. Cuando consideras todos los diferentes navegadores que existen multiplicados por las diferentes versiones de cada navegador, comienzas a preguntarte cómo se puede escribir una página web que funcione correctamente en todos los casos.
Generalmente, un buen diseñador web usa herramientas en las que una página se diseña usando una versión de un navegador, luego la página se envía a un software que modifica la página para que funcione con cada tipo de navegador y cada tipo de versión anterior. Cuando se ve la página web, los condicionales se pueden evaluar para corregir las diferencias en los tipos y versiones del navegador.
Además, hay servicios que permiten a un diseñador web la oportunidad de ver una página web usando un tipo de navegador, pero ver cómo aparecería la página usando un tipo diferente de navegador. Eliminando así la necesidad de tener disponibles todos los diferentes tipos de navegadores y versiones, sistemas operativos, computadoras, mesas y teléfonos para probar una página web.
En su caso, se cometió un error al probar esta página web o Instagram no prueba por completo sus páginas web. En otras palabras, esta página web podría reescribirse para usar un posicionamiento diferente compatible con todos los navegadores o tener condicionales que se adapten a Safari.
Intente pedirle a Safari que vuelva a cargar todos los recursos de la página desde el servidor de origen. Haga esto con el elemento de menú oculto:
En Safari, mantenga presionada la Optiontecla y seleccione Ver > Recargar página desde el origen
Esto asegurará que todos los archivos se descarguen del sitio web original y no de varios cachés. Ocasionalmente, un archivo en caché desactualizado puede entrar en conflicto con una página recargada parcialmente, lo que provoca el diseño extraño que está viendo.
Sayán
david anderson
Sayán