即使文件放置正确,我的媒体查询文件也不起作用 出了什么问题?是因为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;
}
}