既然移动浏览器很普遍，那么网站设计和标记的最佳实践是什么呢？

Question

早在2008年，智能手机市场规模就很小，网站设计时通常采用固定宽度(比如900 if或960 if)，如果浏览器窗口更大，页面就以页面为中心。许多设计师说流体宽度更好，但是由于用户屏幕通常在1024x768和1920x1080之间变化，流体宽度允许长度比易于阅读的长度更长，因此许多站点(包括Stack Exchange)使用固定宽度。

既然移动设备很常见，那么支持桌面浏览器和移动浏览器的最佳方法是什么？

• 建立一个单独的移动站点(例如: mobile.example.com)
• 为移动设备提供不同的CSS；如果是，如何提供？服务器端浏览器嗅探，还是@media规则？
• 使用Javascript或什么东西来动态地使网站适应客户端？应否期望所有网站都能作出回应？
• 某种流体布局
• 还有别的吗？

Answer 1

我认为答案取决于项目的性质。我昨天也有同样的问题，对于我的项目，最好的答案是创建一个不同的移动网站。然而，它非常接近于添加响应css到它。

我做另一个网站的理由是: 1)我的设计不是为了响应。将其转化为响应需要一段时间。2)网站设计与移动设计有很大不同。这将是一个挑战，作出改变，我将不得不加载的东西只是为移动版本(并将他们隐藏在整个网页网站)和相反的方式。3)我的移动网站比完整的网站要简单得多，如果我使用响应性设计，那么在移动网站上会加载更多的代码，这些代码将被隐藏起来。这将使网页的工作速度比一个专门的网站慢得多。

简而言之，我关心的是将设计变成一个响应性的设计，以及移动设备上应用程序的速度。

创建移动网站不会那么困难，我可以重用相同的模型/控制器，只需改变视图。

然而，如果我的设计从一开始就具有响应性，那么我可能会选择让它响应。

Answer 2

我同意Mihai的观点，你应该尝试创建一个单独的移动网站，而不是使用响应性设计。它将是快速上传和更友好的用户。我使用http://www.mobilemarketingpub.com的移动网站创建者创建了我所有的移动网站，一切都很好。我只是向主网站索引页面添加了一个重定向代码，并在根目录中添加了一个jquery文件。希望能帮上忙！