---------------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就是白色背景,没变化?这是怎么回事呢?研究了好久,都想不明白,求指教
- 1 回答
- 0 关注
- 2029 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消