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

Question

我注意到大多数像亚马逊这样的大型网站都没有真正的响应，直到 1000px 才响应，但之后它保留其固定站点。

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

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这是更基本的，并针对低带宽连接进行了优化!