问题

我使用Bootstrap 3构建一个响应式布局,其中我想根据屏幕大小调整几个字体大小. 如何使用媒体查询来制作此类逻辑?



解决方法

以下是BS3中使用的选择器,如果您要保持一致:

@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

这里是BS4中使用的选择器. 在BS4中没有"最低"设置,因为"额外的小"是默认值.也就是说您将首先编写XS大小,然后让这些媒体覆盖.

@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

更新2017-01-19:BS3信息仍然准确的版本3.3.7,更新BS4 4.0.0a6发布的新网格.




相关问题推荐