关于bootstrap中媒体查询的值有一点小问题

下面是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还要小

1个回答

你看清楚了,**xs**-max=**sm**-min -1 ,是用比自身高一级的屏幕的最小值减的。

Tach1banA
whatever-coder 好吧..我可能是近视了
大约 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问