在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 上运行...

https://stackoverflow.com/questions/7859336/