Tach1banA
急了急了
采纳率40%
2016-08-03 08:31 阅读 2.1k
已采纳

关于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条回答 默认 最新

  • 已采纳
    daxia_DN blue小脚丫 2016-08-03 08:35

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

    点赞 评论 复制链接分享

相关推荐