开发者社区 问答 正文

关于@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 7664 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业

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

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