创建一个可以通过各种设备访问的网站，例如pc，平板电脑或移动设备。确保为每个设备提供用户友好视图的最佳实践是什么?
早些时候，我一直在重路由请求到单独的url，通过domain.com作为我的主要流量，移动设备被重路由到m.domain.com。
开始一个新的网站，我想知道我是否应该选择另一种方式:
- 响应式设计(css/js)处理不同的屏幕尺寸
- 通过让控制器决定device 动态地提供不同的HTML
第三种选择当然是为不同的设备使用子域。
我相信让控制器决定渲染哪个html(视图)将非常适合MVC方法，所以这很可能是我的方向。
您可以使用CSS媒体查询来定位设备。
这将允许您为不同屏幕宽度的设备定义自定义选择器，例如，您可以为正在查看您的网站的设备更改导航宽度，最大设备宽度为600px。
<style>
@media (max-width: 600px) {
.navigation {
width:200px;
}
}
</style>