我正在扩展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。 有谁知道这些变量究竟是什么,如果我的媒体查询有任何问题,请告诉我
非常感谢。