移動特定的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的大小。 –

回答