如何解决css3 media不起作用的问题-木庄网络博客

2022-03-23 08:57:51 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

解决办法：1、保证media书写格式为“@media screen and (css样式){}”；2、检查样式是否冲突；3、设置meta标签的viewport属性；4、media后跟的括号中的内容不能写结束符“;”，如果有，需要去掉。

本教程操作环境：Windows7系统、css3版，Dell G3电脑。

css3 @media不起作用原因汇总

首先确认是不是css本身的问题，而不是媒体查询没有生效；例如

1	`div{display:flex;}/那么div所有的display效果都将无法生效/`

外联样式引入css使用的src，粗心的错误

1 2	`<link src="/css/imgpro.css"` `rel="stylesheet"` `>` `/这是错误的/` `<link href="/css/imgpro.css"` `rel="stylesheet"` `>/这是正确的/`

如果是css问题，只能具体问题具体分析。

相关阅读 >>

更多相关阅读请进入《CSS3》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者