link怎么正确调用media媒体查询?求大神啊,研究了几个小时没进展
---------------CSS----------
<style>
@media screen and (max-width:701px)
{body{background:yellow;}}
@media screen and (min-width:700px)
{body{background:red;}}
</style>
---------------html----------
<html>
<head>
<title>@media规则和媒体查询</title>
<link rel="stylesheet" type="text/css" href="meiti.css" media="screen and (max-width:701px">
<link rel="stylesheet" type="text/css" href="meiti.css" media="screen and (min-width:700px">
</head>
<body>
<p>/*宽度小于701px时 黄色*/</p>
<p>/*宽度大于700px时 红色*/</p>
</body>
</html>明明已经调用了css规则,但是浏览器大于700px变红,但是小于700px就是白色背景,没变化?这是怎么回事呢?研究了好久,都想不明白,求指教
慕九州1525185浏览 2030回答 1
1回答
-
慕九州1525185
woca,原来html引用css规则的时候,css规则不应该有<style></style>,标记下
随时随地看视频慕课网APP
Html/CSS