针对移动网站的响应式设计

时间:2013-08-02 08:47:33

标签: css responsive-design media-queries

我打算让我的网站适应移动设备。我的问题是,我应该为移动版本创建子域名(m.mysite.com)还是应该在CSS中使用媒体查询?我的第一选择是媒体查询,但今天的手机带有与PC显示器相同分辨率的屏幕 - 这使得媒体查询无效。或者有办法吗?

3 个答案:

答案 0 :(得分:3)

我更喜欢响应式设计。

当我建立一个大型网站时,我只选择一个子域作为解决方案。

如果您采用响应式设计,请查看引导程序和基础。

我的建议:

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

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

答案 1 :(得分:1)

使用媒体查询。尽管像素数量相同,但这些手机使用的是双倍像素比,因此可以使用预期的设计,但图形和文字更加清晰。例如,iPhone 5有device-pixel-ratio=2,这意味着宽度为200px的元素在iPhone屏幕上占用400px。

答案 2 :(得分:0)

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

在我看来,无论采用哪种方式都可以实现移动响应。