我正在创建一个具有居中徽标的单页网站。
我有4个版本的徽标。常规尺寸，常规@ x2，移动，移动@ x2。
我想出了如何在适当的情况下提供大多数相应的徽标，但无法弄清楚如何提供徽标的移动@ x2版本。
这是我用于这些徽标的媒体查询代码。
定期@ X2：
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
移动：
@media handheld, only screen and (max-width: 767px)
当浏览器窗口的宽度低于767px时，有没有办法将这两者组合起来创建一个为视网膜显示服务的版本？
答案 0 :(得分：0)
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), (min-resolution: 192dpi) and (max-width: 767px)
应该工作，不应该吗？对不起，我没有视网膜显示器......