当我添加解析条件时，我的媒体查询不起作用，我该怎么办？答案

【问题标题】：My media query is not working when I add a resolution criteria, what can I do?当我添加解析条件时，我的媒体查询不起作用，我该怎么办？
【发布时间】：2020-01-02 05:20:45
【问题描述】：

我一直在为我参与的比赛开发一个网站，并为我的网站增加一些响应能力，我决定使用媒体查询。

我尝试使用各种不同的代码来为我的媒体查询分配分辨率，但它们都不起作用。我目前使用的是 Mac Book Pro 视网膜。

@媒体屏幕和（最小设备宽度：1200px）和 (-webkit-min-device-pixel-ratio: 2) 和（最小分辨率：192dpi）{

提供的代码不起作用，但是当我删除最小分辨率时，它工作得很好。我不确定如果没有它会不会在未来出现某种问题，因为到目前为止我咨询过的每个网站都有某种最小分辨率标准。

【问题讨论】：

“提供的代码不起作用” -> 这不是一个真正有用的描述... 什么不起作用？
(-webkit-min-device-pixel-ratio: 2) 和 (min-resolution: 192dpi) 之间的和应该是逗号。就像这样，(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)查看这个 css 技巧教程以获取更多信息css-tricks.com/snippets/css/retina-display-media-query

标签： css media-queries screen-resolution

【解决方案1】：

我认为问题可能是(-webkit-min-device-pixel-ratio: 2) 和(min-resolution: 192dpi) 之间的和必须变成(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)

我希望这会有所帮助！

这是一个关于视网膜显示的 css-tricks 教程，可能会有所帮助：https://css-tricks.com/snippets/css/retina-display-media-query/

【讨论】：

非常感谢您的帮助！它现在工作正常。