                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

.lead的媒体查询

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

.lead {

font-size: 21px;
}

}

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

六liu六

2016-06-15

源自：玩转Bootstrap（基础） 2-4

关注问题我要回答

1093

操作

收起

4 回答

londy幻境回答被采纳 +3 积分
2016-06-15

你可以查看一下bootstrap.css源码，看一下.lead样式

.lead {
 margin-bottom: 20px;
 font-size: 16px;
 font-weight: 300;
 line-height: 1.4;
}

0 回复有任何疑惑可以回复我~

收起回答

六liu六提问者

那可能就是它上面写的有问题，我查看的源码是这个.lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; }，也可能是不同的版本，具体内容不一样

2016-06-15 回复有任何疑惑可以回复我~

londy幻境回复六liu六提问者

你在浏览器中使用开发者查看工具没，当窗口在768px以下<code>font-size:16px;</code>，大于768px就是21px了呀，这对呀

2016-06-15 回复有任何疑惑可以回复我~

londy幻境回复六liu六提问者

上面的媒体查询是指当窗口大于768px时才生效的，你仔细看看生效没？

2016-06-15 回复有任何疑惑可以回复我~

查看1条回复

qq_飞翔小子_04069684
2017-03-20

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

0 回复有任何疑惑可以回复我~

收起回答

幻影af
2016-07-28

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

0 回复有任何疑惑可以回复我~

收起回答

undefined星
2016-06-15

可以试试rem

0 回复有任何疑惑可以回复我~

收起回答

六liu六提问者

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

2016-06-15 回复有任何疑惑可以回复我~

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314546 人
解答问题 2275 个

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

进入课程

本课相似问答

4 回答媒体对象的作用

1 回答bootstrap的h5与媒体不兼容IE啊

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

1 回答<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>确切的说，应该是为了低版本ie兼容媒体查询吧？

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

搜索更多本课相关问答

.lead的媒体查询

我要回答关注问题

热搜

最近搜索清空

.lead的媒体查询

4 回答

本课相似问答

.lead的媒体查询