媒体查询不起作用（为什么在css样式里写的媒体查询样式没作用）
本文目录
- 为什么在css样式里写的媒体查询样式没作用
- 为什么@media不起作用,只有最后一个起作用，前面的不起作用，如果没有最后一个，其他的都不起作用
- css3 @media媒体查询 语法具体怎么使用能否详细说下有资料那是最好的，谢谢
- max-height不起作用
- 媒体查询和flex布局可以同时使用么
为什么在css样式里写的媒体查询样式没作用
原因
书写错误，查看是否写正确。
分辨率不适用，需要调整到指定分辨率。
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”。
为什么@media不起作用,只有最后一个起作用，前面的不起作用，如果没有最后一个，其他的都不起作用
@media和普通的CSS样式有优先级顺序的，大概率是你这个
@media写在了样式表的前面，然后被后面的相同的css样式覆盖了，所以才没生效，具体的话，看看顺序吧~
比如你想 @media A的宽度是50%
但是在这个样式后面，有个定义A的样式是100%，那你这个宽度就是是100%，不管是不是移动端
你可以试试放在CSS表的最后面，估计就能生效了
css3 @media媒体查询 语法具体怎么使用能否详细说下有资料那是最好的，谢谢
《!-- link元素中的CSS媒体查询 --》
《link rel=“stylesheet“ media=“(max-width: 800px)“ href=“example.css“ /》
《!-- 样式表中的CSS媒体查询 --》
《style》
//最大宽度为600px
@media (max-width: 600px) {
.facet_sidebar {
display: none;
}
}
//宽度在500-800之间
@media screen and (min-width: 500px) and (max-width: 800px) {
.facet_sidebar {
display: block;;
}
}
《/style》
max-height不起作用
用媒体查询，给手机端再指定另一个高度。
如：浏览器可视宽度不超过720px时，图片高度设置为120px。
@media only screen and (max-width: 720px){
img{
height: 120px; /*具体高度自己调整一下吧*/
}
}
媒体查询和flex布局可以同时使用么
因为身份证使用信息涉及到公民的个人隐私，即使在本地查询也需要法定手续。如果你在上海等地有违法犯罪行为，需要公安侦查的，要由公安部门开具手续才能到宾馆查询，而且是通过旅客登记表中查询。正常情况是不允许查询的，包括公安人员非执行公务。
更多文章：
2026年10月11日 08:10
易语言网页api接口怎么调用（易语言，怎么读取网页json的api）
2026年10月11日 08:00
majority of（the majority of 和 a majority of的区别以及用法例句）
2026年10月11日 07:40
2026年10月11日 07:20
2026年10月11日 06:30
2026年10月11日 06:20
2026年10月11日 05:40
another time（another time和other time的区别）
2026年10月11日 05:00
2026年10月11日 04:50
2026年10月11日 03:00
