移动专用css未显示在移动设备上

Question

我正在测试三星Galaxy Nexus手机，屏幕宽720像素。这就是我试图仅使用移动设备的移动设备表来呼叫：

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

以及使用：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />

缩放平板电脑的桌面版。

有人能告诉我这里做错了什么吗？

Answer 1

我更喜欢在我的主css文件中使用媒体查询来完成同样的事情。可以让你的生活更轻松。