css - 无法在移动设备上加载样式表

Question

我正在为移动和桌面使用单个样式表，并使用@media all. 查询在桌面上工作，但样式表根本不会在移动设备上加载。我试过iOS和Android。我也在使用标签：

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

和

<link href="http://localhost/Atoz/css/styles.css" type="text/css" rel="stylesheet"  media="all"/><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 

这是我的

Answer 1

使用下面的代码

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/mobile.css" type="text/css" />

移动相关的 jQuery 插件如下。它会让你的生活变得轻松。

http://jquerymobile.com/
http://jqtjs.com/
http://phonegap.com/