我打算让我的网站适应移动设备。我的问题是,我应该为移动版本创建子域名(m.mysite.com)还是应该在CSS中使用媒体查询?我的第一选择是媒体查询,但今天的手机带有与PC显示器相同分辨率的屏幕 - 这使得媒体查询无效。或者有办法吗?
答案 0 :(得分:3)
我更喜欢响应式设计。
当我建立一个大型网站时,我只选择一个子域作为解决方案。
如果您采用响应式设计,请查看引导程序和基础。
我的建议:
您是否正在构建包含大量内容/数据的大型网站。使用移动网站的子域。
如果它只是一个小型企业的小型网站。使网站响应。
答案 1 :(得分:1)
使用媒体查询。尽管像素数量相同,但这些手机使用的是双倍像素比,因此可以使用预期的设计,但图形和文字更加清晰。例如,iPhone 5有device-pixel-ratio=2
,这意味着宽度为200px的元素在iPhone屏幕上占用400px。
答案 2 :(得分:0)
首先,出于搜索引擎优化的原因,我认为使用目录而不是子域会更好。 一般来说,搜索引擎更喜欢移动响应式网站,并将其“排名”更高。
在我看来,无论采用哪种方式都可以实现移动响应。