Javascript 媒体查询在 safari 中不起作用/iOS

Question

希望有人能提供帮助。

以下代码行适用于除 Safari 之外的所有内容。

 if(window.matchMedia('(resolution:320dpi)').matches){res = i;}
 if(window.matchMedia('screen and (resolution:320dpi)').matches){wkres = I;}

有没有其他人发现如何让 Safari 识别/处理这些查询？ 非常感谢收到所有帮助。

Answer 1

Safari does not support resolution, though it looks like the relevant bug has been fixed 所以它会在 Safari 版本的某个时候出现。

它确实支持 window.devicePixelRatio, though, which tells you the ratio of device pixels to CSS pixels（96 英寸）。

因此，对于其中的分辨率部分，您可以使用以下内容：

const is320dpiOrMore = (window.devicePixelRatio * 96) >= 320;