css - MVC 最佳实践，响应式设计或动态服务不同的 html

Question

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

早些时候，我一直在将请求重新路由到单独的 url，通过将 domain.com 用于我的主要流量，移动设备被重新路由到 m.domain.com。

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

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

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

不过，如果您对此有任何经验或想法，我将不胜感激。

score 2 · Accepted Answer

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

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

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

1 回答 1