我正在尝试为我的网站制作响应式设计，并希望菜单转移到更适合移动设备的版本。当我为我的nexus 7添加媒体查询时，它一旦我移动到页面就不起作用，但如果我向下滚动并备份它就可以了！此外，如果我改变方向（横向到纵向）它将工作！但是如果我去网站上的新页面，它会做同样的想法。
当我尝试浏览非响应式菜单中的菜单时，我的网址末尾还添加了一个“＃”。
如果有人想自己尝试，网站是“www.tripspotr.com”。
感谢您的帮助！
答案 0 :(得分：0)
以下代码对我来说是针对Nexus7标签的。
/** Google Nexus7 (Landscape)**/
@media screen and (min-device-width : 601px) and (max-device-width :970px) {}
不要忘记在HTML中添加元标记。例如，
<meta name="viewport" content="width=device-width"/>