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

Question

我正在尝试使用 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 一切都正常

Answer 1

你的语法无效。

@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;
    }
}

必须关闭媒体选择器