创建移动与现有网站不同的外观？

Question

寻找更多建议。

我在这里有一个桌面版本的网站，他们现在想要成为移动版本。

charlesregionalcareers.org

我之前以响应方式构建了网站，但问题是他们在移动版本中所需的布局看起来与桌面有很大不同，因此仅创建一个仅限移动版的页面模板是有意义的。 ..是否可以拥有它，以便如果有人在移动设备中访问该网站，那么它会调出一个仅从桌面版重定向的移动页面？

任何指导都将不胜感激

Answer 1

你可以考虑一个移动就绪的CSS框架：

• Foundation (Zurb)

• Twitter Bootstrap (Twitter)

这些是我用过的最好的，你可以谷歌它btw :)。

在两者中你都可以选择在移动设备上看到的内容以及什么不可见，并且它们都可以在你的页面中没有重定向到子域等等。检查两者的文档（这是非常好的）和帮助。

Answer 2

是的，通常你会检查http用户代理（包含移动信息）。如果代理是移动的，您可以从www.charlesregionalcareers.org重定向到m.charlesregionalcareers.org

Answer 3

您最好的选择是使用css媒体查询。

如果您使用基于用户代理的重定向，则可能会降低您在Google中的网站排名。

例如，如果每个网页都重定向到手机上的移动网站主页，这会降低您在Google上的排名。