移动设备未检测到媒体样式表

我对响应式网站颇为陌生，尽管我已经构建了一些以前可以正常工作的响应网站，但出于某种原因，我在遇到当前网站时遇到了问题。在笔记本电脑或台式机上查看时，在调整浏览器尺寸时，中断点可以很好地工作，但在移动设备上查看时，只需加载完整尺寸并将其适应屏幕宽度，而忽略媒体特定的样式表。正如我所说，我过去曾经使用这种方法，并没有任何问题，所以希望有人能指出我的方向。我在论坛上看到类似的问题，但没有提供任何解决方案。移动设备未检测到媒体样式表

我工作的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

移动设备未检测到媒体样式表

回答

相关问题