Espero que alguien pueda ayudar.
Las siguientes líneas de código funcionan en todo menos en Safari.
if(window.matchMedia('(resolution:320dpi)').matches){res = i;} if(window.matchMedia('screen and (resolution:320dpi)').matches){wkres = I;}¿Alguien más ha descubierto cómo hacer que Safari reconozca / procese estas consultas? Cualquier y toda ayuda recibida con gratitud.
Safari no es compatible con la resolution , aunque parece que el error relevante se ha solucionado , por lo que aparecerá en algún momento en una versión de Safari.
Sin embargo, es compatible window.devicePixelRatio , que le indica la proporción de píxeles del dispositivo a píxeles CSS (96ths of a inch).
Entonces, para la parte de resolución de eso, puede usar algo en este sentido:
const is320dpiOrMore = (window.devicePixelRatio * 96) >= 320;