在一个div中的类的Bootstrap3 @media？

Question

这适用于h1，但不适用于jumbtron中的p，我无法解决原因。如果我调整浏览器的大小，使其小于500 h1变为15px但p不变为10px？

 @media(min-width:500px) 
{ 
 .jumbotron h1{
      font-size: 40px;
      margin-bottom: 20px;}

 .jumbotron p{
      font-size: 20px;
          margin-bottom: 20px;}
}

和

.jumbotron h1 {font-size: 15px;}


.jumbotron p {font-size: 10px;}

Answer 1

在h1中没有@media，你应该把它作为......

@media screen and (width 500px) {
    h1 {
        font-size: 40px;
        margin-bottom: 20px;
    }
}

@media应始终放在其他所有内容之外，然后应将所有需要在特定宽度或高度更改的属性放在内部。此外，它不是Bootstrap特有的，它面对一个新的CSS3属性。查看CSS Tricks以获得更深入的解释并更好地理解。