添加解析条件时我的媒体查询不起作用，我该怎么办？
My media query is not working when I add a resolution criteria, what can I do?
我一直在为我参加的比赛开发一个网站，为了给我的网站增加一些响应能力，我决定使用媒体查询。
我尝试使用各种不同的代码来为我的媒体查询分配分辨率，但其中 none 有效。我目前使用 Mac Book Pro retina。
@媒体屏幕
和（最小设备宽度：1200px）
和 (-webkit-min-device-pixel-ratio: 2)
和（最小分辨率：192dpi）{
提供的代码不起作用，但是当我删除最小分辨率时它运行良好。我不确定没有它是否会在未来出现某种问题，因为到目前为止我咨询过的每个网站都有某种最小分辨率标准。
我认为问题可能是 (-webkit-min-device-pixel-ratio: 2) 和 (min-resolution: 192dpi) 之间的 and 必须变成 (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
希望对您有所帮助！
这里有一个关于视网膜显示的 css 技巧教程，可能会有帮助：https://css-tricks.com/snippets/css/retina-display-media-query/
我一直在为我参加的比赛开发一个网站，为了给我的网站增加一些响应能力，我决定使用媒体查询。
我尝试使用各种不同的代码来为我的媒体查询分配分辨率，但其中 none 有效。我目前使用 Mac Book Pro retina。
@媒体屏幕 和（最小设备宽度：1200px） 和 (-webkit-min-device-pixel-ratio: 2) 和（最小分辨率：192dpi）{
提供的代码不起作用，但是当我删除最小分辨率时它运行良好。我不确定没有它是否会在未来出现某种问题，因为到目前为止我咨询过的每个网站都有某种最小分辨率标准。
我认为问题可能是 (-webkit-min-device-pixel-ratio: 2) 和 (min-resolution: 192dpi) 之间的 and 必须变成 (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
希望对您有所帮助！
这里有一个关于视网膜显示的 css 技巧教程，可能会有帮助：https://css-tricks.com/snippets/css/retina-display-media-query/