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

时间:2013-06-25 02:34:56

标签: css mobile stylesheet media

我在移动设备和桌面设备上使用了一个样式表并使用了@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" /> 

  

这是我的

1 个答案:

答案 0 :(得分:0)

使用以下代码

<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/