Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Variables 如果满足媒体查询条件,则更改较少的变量_Variables_Less_Media Queries_High Resolution_Retina - Fatal编程技术网

Variables 如果满足媒体查询条件,则更改较少的变量

Variables 如果满足媒体查询条件,则更改较少的变量,variables,less,media-queries,high-resolution,retina,Variables,Less,Media Queries,High Resolution,Retina,如果在整个样式表中满足某些媒体查询条件,我希望更改一些较少的变量(用于维护高分辨率图像路径),但我似乎无法让它工作 //默认值 @logo:'logo.png'; @雪碧:“sprite.png”; //高分辨率显示器 @媒体 仅屏幕和(-webkit最小设备像素比:2), 仅屏幕和(最小——moz设备像素比:2), 仅屏幕和(-o-min-device-pixel-ratio:2/1), 仅屏幕和(最小设备像素比:2), 仅屏幕和(最小分辨率:192dpi), 仅屏幕和(最小分辨率:2dppx

如果在整个样式表中满足某些媒体查询条件,我希望更改一些较少的变量(用于维护高分辨率图像路径),但我似乎无法让它工作

//默认值
@logo:'logo.png';
@雪碧:“sprite.png”;
//高分辨率显示器
@媒体
仅屏幕和(-webkit最小设备像素比:2),
仅屏幕和(最小——moz设备像素比:2),
仅屏幕和(-o-min-device-pixel-ratio:2/1),
仅屏幕和(最小设备像素比:2),
仅屏幕和(最小分辨率:192dpi),
仅屏幕和(最小分辨率:2dppx){
@标志:'logo@2x.png';
@雪碧:'sprite@2x.png';
}

也许有一个更简单的解决方案?

我将所有高分辨率图像存储在一个单独的同名“2x”文件夹中,而不是更改图像文件的名称以适应高分辨率图像

@CDNURL:http://cdn.mycommany.com/assets/";
@CDNURL高分辨率:“@{CDNURL}2x/”;
@高密度:~“仅屏幕和(-webkit最小设备像素比:1.5)”,
~“仅屏幕和(最小--moz设备像素比:1.5)”,
~“仅屏幕和(-o-min-device-pixel-ratio:3/2)”,
“仅屏幕和最小设备像素比:1.5”;
.BGImage HD(@image){
背景图片:url('@{CDNURL}@{image}');
@高密度介质{
背景图片:url('@{CDNURL High Res}@{image}');
}
}
//用法
.标志{
.BGImage HD(“logo.png”);
}

看看这个可能重复的问题:。这个答案与另一个类似的问题有关。基本上这是不可能做到的(这些答案告诉你原因)。可能的重复