为什么在css样式里写的媒体查询样式没作用
展开全部
用chrom调试，可以把浏览器调到指定分辨率。才能出现媒体查询的效果。还有就是看看你的媒体查询写正确了没有。
追问
@media screen and(max-width:480px) {
.wrap img {
width: 100%;
}
.logo {
width: 100%;
height: 100px;
background: red;
}
}
用chrome调试还是没效果，我特意加的背景颜色也没用
追答
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Document</title>
<style type="text/css">
@media screen and (max-width:480px){
.wrap img {
width: 100%;
}
.logo {
width: 100%;
height: 100px;
background: red;
}
}
.logo {
width: 100%;
height: 100px;
}
</style>
</head>
<body>
<div class="logo"></div>
</body>
</html>
不知道是不是应为你没添加这句：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
原因
书写错误，查看是否写正确。
分辨率不适用，需要调整到指定分辨率。
CSS （层叠样式表）
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
语言标准
在CSS 2.1规范中，识别符（包括选择符中的元素名、类、ID）只能包含A～Z、a～z、0～9等字符，加上连字符“-”、下划线“_”。识别符不能以数字开头，以连字符和下划线开头也是不允许的。只有属性、属性值、单位、伪类、伪元素和“@”规则可以由连字符“-”开头。同时，其他元素名称、类和ID标识符也不允许用连字符开头。
CSS的识别符也需要用反斜杠“\”规避特殊字符，这些规避字符遵循IS010646规范。特殊字符的规避方法有两种：第一种方法是遇到特殊字符则在这些字符前直接添加反斜杠，例如，“AT&T”变为“AT\&T”；另一种方法为用反斜杠和Unicode或IS010646等值的十六进制数值一起，规避特殊字符，例如，“AT&T”变为“AT\26T”。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
