Magento 2.1媒体查询不起作用

时间:2017-02-08 13:46:20

标签: css3 magento

我正在扩展Luma主题并使用__responsive.less中的默认断点。 似乎有些断点有效,而有些断点似乎完全被遗漏了。

我的查询如下:

/**** 320 Mobile****/
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xxs){}

/**** 480 Mobile****/
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xs){}

/**** 640 Mobile/ Tablet****/
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s){}

/***768 Tablet****/.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m){}

/****1024 DT****/.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l){}

/****1440+****/.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl){}

我已将@screen__x添加到变量中,但我根本没有在__variables.less中看到@break或@extremium。 有谁知道这些变量究竟是什么,如果我的媒体查询有任何问题,请告诉我

非常感谢。

0 个答案:

没有答案