问答详情
源自：2-4 强调内容

.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 09:59

个回答

  • londy幻境
    2016-06-15 10:32:24
    已采纳

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

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



    0
  • qq_飞翔小子_04069684
    2017-03-20 10:12:48

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

    0
  • 幻影af
    2016-07-28 16:51:57

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

    0
  • undefined星
    2016-06-15 10:20:51

    可以试试rem

    0