css - Bootstrap 3中的单个媒体查询使小尺寸不受定制CSS的影响

我正在尝试使用Bootstrap 3建立一个响应式网站。当我将@media（min-width：768px）{..}进行调整时，该网站的范围从0到767px（为此未指定媒体查询） ，停止使用自定义CSS。

我找不到逻辑...谢谢

这是自定义css的开始：

@media(min-width:768px) {
h1{font-size: 4.75em;}
h2{font-size: 3em;}
.navbar-fixed-top{
padding:25px 0;
}

body{
padding-top:40px;
font-family: 'Open Sans', sans-serif;
background-color:red;
}

当我将浏览器调整为较小尺寸时，该页面不会使用例如body标签，但是如果删除@media，所有内容都将正常显示

最佳答案

您的语法无效。

@media (min-width:768px) {
    h1{font-size: 4.75em;}
    h2{font-size: 3em;}
    .navbar-fixed-top{
        padding:25px 0;
    }

    body{
        padding-top:40px;
        font-family: 'Open Sans', sans-serif;
        background-color:red;
    }
}

媒体选择器必须关闭