为智能手机/手机设计网站

Question

设计一个网站并将移动设备的网页设计集成到该网站中的最佳方式是什么？

我听说最好的解决方案是简单地创建一个单独的CSS file...or重定向到另一个专为手机设计的页面…

有没有什么工具可以让这项任务变得更容易？

Answer 1

这在很大程度上取决于网站的复杂性。很多时候，你最好的选择是重定向到一个特定于移动设备的网站。像jQuery Mobile这样的框架非常有用。

Answer 2

有多种方法可以实现这一点。

• 您可以使用响应式CSS媒体查询来使同一页面在不同大小的设备上看起来不同。
• 对于Wordpress/Drupal这样的标准CSS，有一些插件和主题可以为您自动执行此操作。
• 或者您可以使用面向开发人员的MobStac或Mobify等第三方服务来创建站点的移动版本。

Responsive有它自己的一组限制；例如。提供给所有设备的标记和内容是相同的。它本身并不会导致站点变得更轻或更快。如果你想为网站访问者提供优化的跨设备体验，你应该关注adaptive，而不是简单的响应式。