html - 移动设备特定 css 未显示在移动设备上

Question

我正在使用屏幕为 720 像素宽的三星 Galaxy Nexus 手机进行测试。这就是我试图使用仅用于移动设备的移动 css 表来调用的内容：

<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 文件中使用媒体查询来完成同样的事情。可以让你的生活更轻松。