Nexus 7和媒体查询无法正常工作

我正在尝试为我的网站设计自己的响应式设计，并希望菜单移至更具移动性的版本。当我为我的nexus 7添加媒体查询时，只要移动到页面，它就不会工作，但如果我向下滚动并备份，它就可以工作！另外，如果我改变方向（横向到纵向），它将起作用！但是，如果我在网站上进入新页面，它会做同样的想法。Nexus 7和媒体查询无法正常工作

当我尝试导航无响应菜单中的菜单时，它还在我的网址的末尾添加了一个“＃”。

如果有人想自己尝试，网站是“www.tripspotr.com”。

感谢您的帮助！

来源

2014-05-14 jsmith588

你尝试过加入'初始规模= 1'你'viewport' meta标签？所以它看起来像：'' – Jack

你在Nexus上使用了什么浏览器？ Android浏览器，或类似Chrome的Android？ – Qix

我正在使用铬 – jsmith588

以下代码为我定位Nexus7选项卡。

/** Google Nexus7 (Landscape)**/ 
@media screen and (min-device-width : 601px) and (max-device-width :970px) {}

不要忘了在你的html中添加meta标签。例如，

<meta name="viewport" content="width=device-width"/>

来源

2014-08-28 08:59:26

Nexus 7和媒体查询无法正常工作

回答

相关问题