开发者社区> 问答> 正文

关于@media screen 不起作用的问题

在CSS中设置了适应屏幕的代码:

@media screen and(max - width: 900px) {
  .boxShadow {
            display: none;
        }
    }

但是完全没有作用啊?百度也没解决问题。
在审查元素里面也显示不出来。
对了,我在头部加了:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="applicable-device"content="pc,mobile"/>

展开
收起
杨冬芳 2016-06-08 16:19:46 7501 0
1 条回答
写回答
取消 提交回答
  • IT从业

    一定是因为空格,正确的应该是

    @media screen and (max-width: 900px) {
      .boxShadow {
                display: none;
            }
        }
    2019-07-17 19:32:15
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载