如何在没有响应的情况下制作设备友好的网站

Question

我注意到大多数大型网站，例如亚马逊，并没有真正响应，它在 1000 像素之前都有响应，但之后它会保留其固定网站。

当它们在较小的设备（例如移动设备）中打开时，它们会完全改变其设计和布局，这在响应式网站中是不可能的。

1. 如何设计这样的网站？
2. 他们为什么选择它而不是响应能力？
3. 他们当然没有使用响应式设计。也许是设备专用的 CSS 或整个网站？

我非常好奇，但在网络上找不到任何地方。感谢任何能提供帮助的人。

Answer 1

他们正在使用移动重定向到他们的 m.example.com 子域或其他域。我不确定，但我认为对于巨大的 css，包含为不需要它的设备加载的每个设备的所有 css 并不是很有效。

要使其基于设备重定向，您可以使用 javascript：How redirect mobile users to different url?

为了使其对某些固定范围做出响应，您可以在 css 中使用和高度值最大化！

编辑：在移动设备上导航到 www.facebook.com，它会自动重定向到 m.facebook.com，并带有专为移动用户构建的全新页面，对于低带宽连接来说更好，它会移动到 mbasic.facebook.com它更加基础并且针对低带宽连接进行了优化！