我正在使用HTML5和CSS创建一个移动网站。如何适应不同的设备？基于设备类型（使用navigator.userAgent的android/ios/windows/bb）或基于屏幕宽度（使用媒体查询）。
哪种做法是最好的，也将是有效的？
我需要在以下设备上运行我的网站：
- BB 6.0及以上
- IOS4.0及以上版本
- Windows 8
- Android 4.0及以上版本
哪种方法最好？
当前的最佳实践是一种称为响应式设计的策略。它会调整网站以匹配浏览器的宽度。
参见链接
- 响应式设计的现状| Smashing杂志
- 适应响应式设计|打破迷宫
- 响应式网页设计指南和教程| Smashing杂志