移动特定的css没有显示在移动设备上

我正在测试三星Galaxy Nexus手机的屏幕宽度为720px。这就是我试图用召唤出使用移动CSS表仅适用于移动设备：移动特定的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" />

规模为平板电脑的桌面版本。

有人能告诉我我在做什么错吗？

2012-10-15 user404

'''''''''''''''''在''mobile.css'后只有'''' – sachleen

'media =“屏幕和（最大设备宽度：780px）'<---缺少结束报价也在这里 – Giona

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

2012-10-15 19:17:10

我唯一的问题这就是说，手机和台式机/平板电脑版本之间存在一些设计差异，因此导致一些严重的CSS继续 - 否则我会完全使用@media {} – user404

我始终使用这种技术，使用一种风格我尽量简化我的过程的一种方式是使父包装器的宽度为静态，并且它的所有子节点都是流体/响应，然后当布局达到一定宽度时，使母流体（又称宽度：100％），当父母调整大小时，所有的孩子都已经准备好这样做了，我认为这种方法从长远来看可以节省一些K的大小。 –

回答