在 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 上运行......
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
