【发布时间】：2012-08-13 07:02:23
【问题描述】：
我正在尝试找出是否可以更好地利用我的时间（现在和长期）为我的移动网站制作单独的样式表（看起来完全不同，但使用相同数据库信息和元素），或，创建一个全新的移动页面并窃取我的桌面网站所需的内容。
有没有人建议或知道大多数开发人员在移动网站方面的做法？
【问题讨论】：
【发布时间】：2012-08-13 07:02:23
【问题描述】：
您可以使用媒体查询。
<link rel="stylesheet" media="screen" href="style.css" type="text/css" />
<link rel="stylesheet" media="handheld" href="mobile.css" type="text/css" />
或者在css3中
【讨论】：
-
谢谢。媒体标签在选择移动浏览器时的准确性如何？大多数现代设备都能识别这一点，还是我仍然需要使用 PHP 来重定向那些不能识别的设备？
如今，很多网站都首先专注于移动设备，然后再移植到完整的桌面网络应用程序。越来越多的仙人掌正在使用他们的手机浏览网络，而专为移动设备设计的网站通常会比桌面网站支持移动浏览器更好地支持桌面。
我在这里阅读了 HTML5 中关于 device.is 的内容：http://www.html5rocks.com/en/mobile/cross-device/
【讨论】：
这有很多争议。我个人更喜欢媒体查询。而且它们并不太复杂，我使用@media FOO and ( max-size: ### ) { /*stuff*/ }将它们直接放在我的css文件中
“移动网站”通常像 m.domain.com，通常是一个非常精简的版本。包含一些产品、信息和联系方式。
为什么您会因为某人使用较小的设备而隐藏其余有价值的网站信息？由于内容更多，加载时间可能会更长一些，只需确保您的超级重要内容在首屏即可。 （或至少在抽签顺序中更高）
您还可以使用媒体查询非常轻松地包括点击通话和点击地图按钮以特定大小显示。
【讨论】：
-
谢谢。很有帮助的答案！