媒體查詢不適用於移動設備

Question

我目前正在一個應該根據屏幕大小在不同樣式表之間進行更改的網站上。 當我在筆記本電腦的瀏覽器上進行測試時，它可以完美地工作，可以在更改瀏覽器窗口的寬度時更改樣式，但不適用於手機。 我只得到桌面樣式表，但不知道為什么。 我用來查看站點的電話是Samsung 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">

Answer 1

確保設置了視口

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