Question

创建可由各种设备访问的网站，例如个人电脑，平板电脑或移动设备。确保为每个设备提供用户友好视图的最佳做法是什么？

之前我一直在重新路由请求以分隔网址，通过将domain.com用于我的主要流量，移动设备正在重新路由到m.domain.com。

从一个新网站开始，我想知道我是否应该选择其他方法：

第三种选择当然是将子域用于不同的设备。

我确实让控制器决定渲染哪个html（视图）在MVC方法中非常适合，所以这很可能是我前进的方向。

尽管如此，我仍然感谢您对此有任何经验或想法。

Answer 1

您可以使用CSS媒体查询来定位设备。

这将允许您为具有不同屏幕宽度的设备定义自定义选择器，例如，您可以更改导航的宽度，以查看最大设备宽度为600px的设备。

<style>
@media (max-width: 600px) {
  .navigation {
    width:200px;
  }
}
</style>