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

标签 css html layout responsive-design

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

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

  1. 如何设计这样的网站?
  2. 为什么他们选择它而不是响应性?
  3. 他们肯定没有使用响应式设计。可能是设备专用 CSS 或整个网站?

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

最佳答案

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

要使其根据设备重定向,您可以使用 javascript:How redirect mobile users to different url?

为了让它响应某些固定范围,您可以在 css 中最大化和高度值!

编辑:在移动设备上导航到 www.facebook.com,它会自动重定向到 m.facebook.com,并带有一个专门为移动用户构建的全新页面,对于低带宽连接来说更好,它会移动到 mbasic.facebook.com这是更基本的,并针对低带宽连接进行了优化!

关于css - 如何在没有响应的情况下制作设备友好的网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49902986/

相关文章:

javascript - 单击 php 中的脚本时,Elemente 将使其不可见

css - 如何使用 css 通配符选择器并将通配符值用作 scss 的属性

html - 最大宽度的div不占用最大宽度

css - 带 float 的 Bootstrap 按钮组

css - float Div 在主要内容后面重叠

html - 如何防止字段集溢出?

javascript - angular-dc 条形图未呈现

JavaScript 不显示用 CSS 隐藏的元素

javascript - 如何使背景图片的 <div> 具有动态高度

javascript - 有没有办法自动生成伪图像 map ?