如何使自定义CSS光标与视网膜兼容？
如何使自定义CSS光标与视网膜兼容？
提问于 2012-08-15 03:38:32
我想知道如何在视网膜显示屏上的was应用程序中使用自定义光标。我知道，通常情况下，由于比例因素，图像将以正常大小的两倍显示，为了使您的网站与视网膜显示器兼容，您必须拍摄2倍比例的图像，并将其在浏览器中的渲染宽度和高度设置为实际尺寸的一半。由于游标没有大小属性(据我所知)，我如何确保游标将以尽可能高的保真度呈现？
谢谢。
Stack Overflow用户
回答已采纳
发布于 2012-08-15 05:49:01
我非常喜欢here提出的通用解决方案，特别是作者记得要瞄准所有可以在Macbook Pro上运行的带有Retina Display的浏览器。
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
/*your hi-res cursor styling*/
}我很好奇当在相同的硬件( Bootcamp或Parallels等)上运行时，这是否能在Windows中正常工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11959559
复制相关文章
相似问题
腾讯云开发者
