less文件中定义一个方法,然后在要使用的地方调用传入图片名称即可:
.bg-image(@url){
background-image:~"url('@{url}@2x.png')";
@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){
background-image:~"url('@{url}@3x.png')";
}
}
less文件中定义一个方法,然后在要使用的地方调用传入图片名称即可:
.bg-image(@url){
background-image:~"url('@{url}@2x.png')";
@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){
background-image:~"url('@{url}@3x.png')";
}
}
本文标题:vue框架less处理@2x,@3x背景图片选择问题
本文链接:https://www.haomeiwen.com/subject/feyemftx.html
网友评论