.lead的媒体查询-慕课网

首页课程实战体系课手记专栏慕课教程

.lead的媒体查询

来源：2-4 强调内容

六liu六

2016-06-15 09:59

@media (min-width: 768px) {/*大中型浏览器字体稍大*/

.lead {

font-size: 21px;
}

}

我的显示器分辨率将近两千像素，如果按照媒体查询的话，字号应该是这个即21px，可实际情况却是，.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 200;
line-height: 1.4;
}这个，16px，不知道什么原因，还望能够详细解答

写回答关注

4回答

londy幻境

2016-06-15 10:32:24

已采纳
你可以查看一下bootstrap.css源码，看一下.lead样式
```
.lead {
 margin-bottom: 20px;
 font-size: 16px;
 font-weight: 300;
 line-height: 1.4;
}
```
4 0

六liu六

是啊，我的1920分辨率，怎么还是16，就没有写媒体查询

2016-06-15 11:03:31

共 4 条回复 >
qq_飞翔小子_04069684

2017-03-20 10:12:48

@media (min-width: 768px)表示当浏览器的最小宽度为768px时候，里面的CSS样式才会生效，即当浏览器的宽度大于或者等于768px时候，@media (min-width: 768px)里面的CSS样式才会生效

0 0
幻影af

2016-07-28 16:51:57

代码没错，只是右侧的显示窗口小于768的，鼠标拖动右侧向左拉，奇迹自会出现

0 0
undefined星

2016-06-15 10:20:51

可以试试rem

1 0

六liu六

首先，谢谢能够回答我的问题；其次，你的回答好像跟我的问题对不上，我问的问题是，这里讲解的媒体查询为什么没有生效。

2016-06-15 10:29:48

共 1 条回复 >

玩转Bootstrap（基础）

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题

媒体对象的作用

回答 4

bootstrap的h5与媒体不兼容IE啊

回答 1

媒体对象出现不了上下的效果

回答 3

回答 1

<p class="lead"> 和 <p class='lead'> 贴一下图

回答 3

打开慕课网App查看更多内容