媒體查詢不在手機上工作

我目前正在基於屏幕大小在不同樣式表之間進行更改的網站上工作。當我在筆記本瀏覽器上測試這個功能時，它完美地工作，當我調整瀏覽器窗口的寬度時改變樣式，但它不適用於我的手機。我只是得到桌面樣式表，我不知道爲什麼。我用來查看該網站的手機是三星Galaxy S4，在Firefox和Chrome上都顯示相同。媒體查詢不在手機上工作

<link rel="stylesheet" type="text/css" media="screen and (min-width:1200px)" href="css/styles_desk.css"> 
<link rel="stylesheet" type="text/css" media="screen and (min-width: 768px) and (max-width: 1024px)" href="css/styles_tablet.css"> 
<link rel="stylesheet" type="text/css" media="screen and (min-width: 320px) and (max-width: 480px)" href="css/styles_mobile.css">

來源

2016-08-03 Jordan U.

看一看[上CSSTricks 「媒體查詢標準設備」（https://css-tricks.com/snippets/css/media-查詢標準設備/） – GolezTrol

確保視口設置

<meta name="viewport" content="width=device-width, initial-scale=1.0">

來源

2016-08-03 07:16:34 Depzor

謝謝！這固定它馬上。我將不得不爲未來記住這一點。 –

不客氣:) – Depzor

媒體查詢不在手機上工作

回答

相關問題