在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上使用…