2014-05-14 44 views
0

我正在嘗試爲我的網站設計自己的響應式設計,並希望菜單移至更具移動性的版本。當我爲我的nexus 7添加媒體查詢時,只要移動到頁面,它就不會工作,但如果我向下滾動並備份,它就可以工作!另外,如果我改變方向(橫向到縱向),它將起作用!但是,如果我在網站上進入新頁面,它會做同樣的想法。Nexus 7和媒體查詢無法正常工作

當我嘗試導航無響應菜單中的菜單時,它還在我的網址的末尾添加了一個「#」。

如果有人想自己嘗試,網站是「www.tripspotr.com」。

感謝您的幫助!

+0

你嘗試過加入'初始規模= 1'你'viewport' meta標籤?所以它看起來像:'' – Jack

+0

你在Nexus上使用了什麼瀏覽器? Android瀏覽器,或類似Chrome的Android? – Qix

+0

我正在使用鉻 – jsmith588

回答

0

以下代碼爲我定位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"/> 
相關問題