如下图所示，使用css media查询后，变更窗口大小时CSS样式可以生效。但是，切换到移动窗口时，不能生效。在此分享解决方法：
1、Css media查询语法，and和‘(’之间需要一个空格
可以测试一下，没有空格时，media查询的相关css样式均不生效。
- @media screen and (min-width: 300px) and (max-width: 450px)
复制代码
2、如果mediac语法中是有空格的，那么就要考虑<head>标签中加入viewport
如下内容：<meta name=”viewport” content=”width=device-width, initial-scale=1,maxium-scale=1,minimum-scale=1,user-scaleble=no”>
以上，就是移动端media查询css样式不生效的解决方法
发表评论 取消回复