用于移动优化的媒体查询答案

【问题标题】：media queries for mobile optimisation用于移动优化的媒体查询
【发布时间】：2013-02-28 17:04:23
【问题描述】：

我已将以下内容添加到我的网站以定位手机/标签等：

<link href="assets/styles/phone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 640px)" >
<link href="assets/styles/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 641px) and (max-width: 768px)" >
<link href="assets/styles/main.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 769px)" >

样式表在浏览器中动态变化时显然可以工作，但是我测试过的移动设备仍然针对主要样式表，而不是移动版本。

有什么建议吗？

干杯

【问题讨论】：

你在什么移动设备上测试过？

标签： css mobile media-queries

【解决方案1】：

苹果设备使用min-device-width和max-device-width尝试添加

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

到你的标题。

希望对你有帮助

【讨论】：