css - 为不同的窗口大小应用不同的布局到站点？

Question

我知道我们可以使用媒体查询来更改不同尺寸的 css。

我的问题是:当窗口大小时，比如宽度 < 500 时，是否可以更改为全新的页面布局(或 MVC 中的 View )？假设 Controller 相同。

有点像:获取 View 中的窗口大小，然后决定使用什么布局。

我知道这不是一个好方法，但是有可能吗？

谢谢

Answer 1

是的，这是可能的，通过 js 代码检测屏幕尺寸并加载合适的内容

screen.height;
screen.width;