2017-08-28 84 views
2

我有這個@media查詢我的CSS內部時不會加載@media查詢:Chrome開發者工具切換到設備視圖

@media screen and (max-width: 767px) { 

/* some styles*/ 

} /*end @media 767s*/ 

當我手動調整頁面大小,將其切換到響應式佈局,當它擊中了767px斷點。

但是,當我從Chrome's dropdown中選擇任何設備佈局時,即使設備寬度小於767px斷點,也會加載默認頁面而不是媒體查詢。我究竟做錯了什麼?如果您在您的文檔的頭部有正確元設置

+0

支票開括號和閉括號 – veera

+2

檢查: Gerard

+0

您是否添加了視口或任何可以查看和幫助您的鏈接? –

回答

4

再次嘗試這個

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