为什么我的CSS3媒体查询不起作用？

  • Z时代
  • 2024-01-10
  • 分类：问答

在styles.css中，我正在使用媒体查询，这两个查询都使用以下变体：

/*--[ Normal CSS styles ]----------------------------------*/
@media only screen and (max-width: 767px) {
    /*--[ Mobile styles go here]---------------------------*/
}

当我缩小窗口时，这些网站的大小会调整为我希望在常规浏览器（Safari，Firefox）中使用的布局，但是，手机上的移动布局根本无法显示。相反，我只是看到默认的CSS。

谁能指出我正确的方向？

回答：

所有这三个都是有用的提示，但看来我需要添加一个元标记：

<meta content="width=device-width, initial-scale=1" name="viewport" />

现在它似乎可以同时在Android（2.2）和iPhone上使用…

以上是 为什么我的CSS3媒体查询不起作用？ 的全部内容， 来源链接： utcz.com/qa/429831.html

回到顶部