是否有针对HDPI屏幕上的自定义光标的跨浏览器解决方案
是否有针对HDPI屏幕上的自定义光标的跨浏览器解决方案
提问于 2014-07-12 18:10:25
是否有可靠的解决方案来支持hi-dpi / Retina自定义光标？似乎没有标准的方法来提供标准的dpi和hi-dpi图形以供在光标中使用。
使用媒体查询切换cursor样式是无用的，因为无法控制光标尺寸，因此@2x图像以两倍的大小显示，而不是以两倍的分辨率显示相同的大小。
我曾尝试使用SVG图像作为光标，但Chrome (最新)以标准分辨率呈现此图像。
浏览器支持:现代浏览器+ >=IE9
回答 1
Stack Overflow用户
发布于 2017-04-16 17:45:16
也许this能帮上忙：
.cursor {
cursor: url("cursor.png") 0 0, pointer; /* Legacy */
cursor: url("cursor.svg") 0 0, pointer; /* FF */
cursor: -webkit-image-set(url("cursor.png") 1x, url("cursor@2x.png") 2x) 0 0, pointer; /* Webkit */
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24711877
复制相关文章
相似问题
腾讯云开发者
