0
153
VistasEl tamaño de fuente de los elementos SVG cambia específicamente en MacBook Firefox
Esto es extraño porque tengo otra computadora de escritorio Mac y Firefox (supongo que es la misma versión) y no hay problema. Solo en mi MacBook.
En mi juego web, tengo 4 botones:
"Jugar" : "Cars" : 'Multijugador' : "Descargar"
La página se ve así: 
Editar: vista previa en vivo en parkingmaster.tk
La razón por la que los botones no se ven extraños ahora es porque hice un programa simple que los cambia en Firefox.
Pero otros sistemas operativos tienen Windows/Linux, y se verá extraño allí porque el programa no es lo suficientemente específico (MacBook MacOS Big Sur).
Esto es lo que parece sin ese programa:
Como puede ver, los elementos svg en los botones están "Arriba".
Intenté cambiar el margen/relleno, pero luego descubrí que era la propiedad css de tamaño de fuente.
Por lo general, es "45px" porque funciona en todos los demás dispositivos, pero en Mac, se ve mejor con "51.5px" (eso es lo que hace el programa)
Si esto es algo específico del sistema operativo, ¿cómo puedo detectar si el sistema operativo es "MacOS Big Sur" o específicamente, el que estoy usando (11.6.6)?
TL;DR
En JavaScript, ¿cómo puedo verificar si el sistema operativo es "MacOS Big Sur/MacOS Big Sur 11.0.0+" y el navegador es "FireFox Browser/FireFox Browser 90+"?
1 Respuestas
Responde la pregunta0
Para resolver esto en el elemento .nav-btn , cambie su display: inline-block a display: inline-flex y agregue align-items: center; y justify-content: center también en este elemento .nav-btn .
Detectar navegadores específicos por versión es un falso amanecer y abre posibles dolores de cabeza en el futuro, por ejemplo, cada navegador en un iPhone es solo Safari en un envoltorio de producto, es decir, Chrome para iPhone es solo Safari en un envoltorio de Chrome.