下面是github上面bootstrap的小段源码
@screen-xs-max: (@screen-sm-min - 1);
@screen-sm-max: (@screen-md-min - 1);
@screen-md-max: (@screen-lg-min - 1);
我想知道为什么这三个max变量的值会等于min值减1?
.
@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }
这样max-width的值岂不是比min-width还要小
你看清楚了,**xs**-max=**sm**-min -1 ,是用比自身高一级的屏幕的最小值减的。