我正在制作一个带有居中徽标的单页网站。
我有这个标志的 4 个版本。常规尺寸，常规@x2，移动，移动@x2。
我想出了如何在适当的情况下提供大多数适当的徽标，但无法弄清楚如何提供 mobile@x2 版本的徽标。
这是我用于这些徽标的媒体查询代码。
常规@x2：
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
移动的：
@media handheld, only screen and (max-width: 767px)
当浏览器窗口的宽度低于 767 像素时，有没有办法将两者结合起来创建一个用于视网膜显示的版本？