Question

即使文件放置正确，我的媒体查询文件也不起作用出了什么问题？是因为Bootstrap？

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/mq.css" rel="stylesheet" />
    <!-- Bootstrap Style -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- Reset Style -->
    <link rel="stylesheet" href="css/normalize.css">
    <!-- Main Style -->
    <!--Font Awesome-->
    <script src="js/animatie.js"></script>
    <link href="css/font-awesome.min.css" rel="stylesheet" />
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/jquery.downCount.js"></script>
    <script src="js/main.js"></script>
    <link rel="stylesheet" href="css/css.css">
</head>

mq.css是媒体查询的文件：

@media screen and (width: 1920px) {
    h1 {
        font-size: 222vw;
    }

    .fa-social {
        height: 1.7vw;
        width: 1.7vw;
    }

    body {
        background-color: white;
    }
}

即使文件放置正确，媒体查询文件也不起作用

0 个答案: