Html 这种模式叫什么？适应性设计？

我读了很多关于自适应设计的书。我能找到的所有资料都提到了服务器端方法，或者至少讨论了它如何加快加载时间，因为您只提供客户端需要的服务。与响应式设计不同的是，您可以通过媒体查询等方式在客户端发布一个适合的内容。我想到了流畅的网格和布局

然而，我想到了一个非常基本、幼稚和（据我理解）相当愚蠢的方法，我只是找不到一个模式。可能是因为太无聊了

我的想法基本上是为每个设备创建一个单独的视图，就像你通常使用自适应设计一样，但将它们放入div中，只显示与设备尺寸匹配的视图。当然，这取决于视图，大约是服务器端自适应设计的n倍，n是不同视图的数量。但是，视图可以在不重新加载页面的情况下动态切换。再说一次，这只是我的一个想法。根据我的理解，它与自适应设计一样，只是采用了另一种技术方法这种模式仍然被称为自适应设计吗？

---

switches.css和index.html

@介质（最大宽度：991px）{
.电话{
显示：内联！重要；
}
.平板电脑{
显示：无！重要；
}
.pc{
显示：无！重要；
}
}
@介质（最小宽度：992px）和（最大宽度：1199px）{
.电话{
显示：无！重要；
}
.平板电脑{
显示：内联！重要；
}
.pc{
显示：无！重要；
}
}
@介质（最小宽度：1200px）{
.电话{
显示：无！重要；
}
.平板电脑{
显示：无！重要；
}
.pc{
显示：内联！重要；
}
}
html{
字体系列：无衬线；
}
h1{
字体大小：36px；
}

我能适应吗？
在小屏幕上
下面是小型设备的视图

在中等屏幕上
这里是中型设备的视图

在大屏幕上
下面是大型设备的视图

在我看来，这更像是一种反模式，或“响应式”设计模式

自适应设计的要点是限制浏览器的工作量，同时减少进出设备的流量

---

想一想这在带宽很差的设备上是如何工作的，比如信号不稳定的手机。从可用性的角度来看，服务器根据用户代理或其他标准来决定向设备发送什么更有意义。

不，这种模式被称为坏设计，原因很多，其中一些您已经提到过。我可能要花一个小时来写下考虑这个问题时想到的所有原因。这将是一个更糟糕的响应式设计版本。

HTML

是关于语义的<代码>CSS是关于样式的。你的语义有三次相同的信息。我很惊讶你在这个例子中提到了响应，因为我所做的（从我的理解）是任何东西，但没有响应。它只在最广泛的意义上响应，因为设备控制着布局。从本质上讲，它接收整个内容，然后隐藏它认为不想看到的位，换句话说，“响应”显示大小。只加载所需的内容要好得多，例如，通过有一个确定客户端屏幕分辨率的登录页，然后重定向到“真实”页面，将屏幕大小和其他信息传递给服务器，服务器可以提供适当的内容。