移動設備未檢測到媒體樣式表

我對響應式網站頗爲陌生，儘管我已經構建了一些以前可以正常工作的響應網站，但出於某種原因，我在遇到當前網站時遇到了問題。在筆記本電腦或臺式機上查看時，在調整瀏覽器尺寸時，中斷點可以很好地工作，但在移動設備上查看時，只需加載完整尺寸並將其適應屏幕寬度，而忽略媒體特定的樣式表。正如我所說，我過去曾經使用這種方法，並沒有任何問題，所以希望有人能指出我的方向。我在論壇上看到類似的問題，但沒有提供任何解決方案。移動設備未檢測到媒體樣式表

我工作的URL是www.evolvecollaboration.com/test/index.html，我的代碼如下。

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

<link rel="stylesheet" href="_css/myer_reset.css"> 

<link rel="stylesheet" type="text/css" href="_css/structure.css" /> 

<link rel="stylesheet" type="text/css" media="only screen and (min-width:501px) and (max-width:800px)" href="_css/structure_tablet.css" /> 

<link rel="stylesheet" type="text/css" media="only screen and (min-width:50px) and (max-width:500px)" href="_css/structure_mobile.css" />

來源

2013-09-27 user2824486

歡迎SO，user2824486。 – Brian

嘗試使用這些尺寸。我將它們用於我的媒體查詢。

電話： 只有屏幕和（最小 - 設備寬度：320像素）和（MAX-設備寬度：480像素）

片劑： 只有屏幕和（最小 - 設備寬度： 768px）和（MAX-設備寬度：1,024）

視網膜： 只有屏幕和（-webkit分鐘設備象素比率：1.5）

來源

2013-09-27 18:50:32

感謝您的建議，我發現問題不在代碼本身內，而在於服務器如何解釋域掩碼。 – user2824486

移動設備未檢測到媒體樣式表

回答

相關問題