单独的移动CSS页面与单独的移动页面？

我试图找出是否能更好地利用我的时间（从现在和长远来看），为我的移动站点制作一个单独的样式表（看起来会有很大的不同，但使用相同的数据库信息和元素），或，制作一个全新的移动页面，并从我的桌面站点窃取我需要的内容

---

有没有人对大多数开发者在移动网站上的做法提出建议或了解

您可以使用媒体查询

<link rel="stylesheet" media="screen" href="style.css" type="text/css" />
<link rel="stylesheet" media="handheld" href="mobile.css" type="text/css" />

或者在css3中

---

如今，许多网站都先专注于手机，然后再移植到台式机的完整web应用程序。越来越多的peyote使用他们的手机浏览网页，一个专为手机设计的网站通常会比一个桌面网站更好地支持移动浏览器

---

我在HTML5 rocks上读到了关于device.is的文章：

这方面有很多争议。我个人更喜欢媒体查询。如果它们不太复杂，我使用

@media FOO和（最大大小：#####）{/*stuff*/}

一个“移动网站”通常像m.domain.com，通常是一个非常精简的版本。包含一些产品、信息和联系方式

为什么仅仅因为有人在一个较小的设备上，你就要隐藏其他有价值的站点信息？由于有更多的内容，加载时间可能会更长一些，只要确保你的超级重要的东西在折叠上方就可以了。（或至少在提取顺序中较高）

---

您还可以使用“媒体查询”很容易地包含“单击呼叫”和“单击地图”按钮，这些按钮以一定的大小显示。

谢谢。非常有用的答案！谢谢在选择移动浏览器时，媒体标签的准确性如何？大多数现代设备都认识到了这一点，还是我仍然需要使用PHP为不认识这一点的设备重定向？

<link rel="stylesheet" media="screen" href="style.css" type="text/css" />
<link rel="stylesheet" media="handheld" href="mobile.css" type="text/css" />