【发布时间】：2012-11-18 08:54:42
【问题描述】：
我正在制作一个带有居中徽标的单页网站。
我有这个标志的 4 个版本。常规尺寸，regular@x2，mobile，mobile@x2。
我知道如何在适当的情况下提供大多数适当的徽标，但不知道如何提供 mobile@x2 版本的徽标。
这是我用于这些徽标的媒体查询代码。
常规@x2：
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
手机：
@media handheld, only screen and (max-width: 767px)
有没有办法将两者结合起来创建一个版本，以便在浏览器窗口宽度低于 767 像素时为视网膜显示提供服务？
【问题讨论】：
-
您可能对这个SO Question 感兴趣。干杯！
-
谢谢！我刚决定提供一个 SVG 版本的徽标 :) 在现代设备上运行良好，而且更轻量级。
标签： html css media-queries retina-display