移动网站的响应设计

Question

我要把我的网站改造成移动设备。我的问题是，是为移动版本(m.mysite.com)创建子域，还是在CSS中使用媒体查询？我的第一个选择是媒体查询，但如今手机的屏幕分辨率与PC显示器相同--这使得媒体查询效率低下。还是有办法绕过它？

Answer 1

我更喜欢反应灵敏的设计。

我只选择一个子域作为解决方案时，我正在建设一个大网站。

如果您采用响应性设计，请查看引导和基础。

• http://getbootstrap.com/
• http://foundation.zurb.com/

我的建议是：

你是否正在建设一个包含大量内容/数据的大型网站。使用移动网站的子域。

如果它只是一个小企业的小网站。使网站响应。

Answer 2

使用媒体查询。虽然像素的数量是一样的，这些手机使用双像素比，因此，预期的设计可以使用，但与更清晰的图形和文字。例如，iPhone 5有device-pixel-ratio=2，这意味着200 an宽度的元素在iPhone屏幕上将占用400 an。

Answer 3

首先，出于SEO的原因，我认为你最好使用一个目录，而不是一个子域。一般来说，搜索引擎更喜欢移动响应网站，并将其“排名”得更高。

在我看来，无论哪种方式，都要使它具有移动性。