小编典典

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

html

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

/*--[ Normal CSS styles ]----------------------------------*/

@media only screen and (max-width: 767px) {

    /*--[ Mobile styles go here]---------------------------*/
}

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

谁能指出我正确的方向?


阅读 1008

收藏
2020-05-10

共1个答案

小编典典

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

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

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

2020-05-10