基于HTML5和CSS的移动网站

Question

我正在使用HTML5和CSS创建移动网站。如何适应不同的设备？基于设备类型（使用navigator.userAgent的android / ios / windows / bb）或基于屏幕宽度（使用媒体查询）。

哪种做法最好，效率最高？

我需要在设备上运行我的网站，如下所示：

• BB 6.0及以上，
• IOS 4.0及以上，
• Windows 8
• Android 4.0及以上版本。

哪种方法最好？

Answer 1

当前的最佳实践是一种称为响应式设计的策略。它会调整网站以匹配浏览器的宽度。

见链接

• State of Responsive Design | Smashing Magazine
• Adapting to Responsive Design | Smashing Mazine
• Responsive Web Design Guidelines and Tutorials | Smashing Magazine