自适应和响应式的区别

自适应和响应式的区别自适应 百分比布局 宽度使用百分比 文字使用 em 现在也很多使用 rem 了 也就是所谓的高清方案 响应式 据屏幕的大小自动的调整页面的展现方式 以及布局 区别 两种方式的解决问题是不一样的 自适应

大家好,欢迎来到IT知识分享网。

区别:
  自适应:需要开发多套界面;
  响应式:只需开发一套界面。
1.自适应:
  通过检测视口分辨率,来判断当前访问的设备是:pc端、平板、手机,从而请求服务层,返回不同的页面;响应式设计通过检测视口分辨率,针对不同客户端在客户端做代码处理,来展现不同的布局和内容。
2.响应式:
  对页面做的屏幕适配是在一定范围:比如pc端(>1024)一套适配,平板(768-1024)一套适配,手机端(<768)一套适配;响应式一套页面全部适配。(可以想象:响应式设计要考虑的内容要比自适应设计复杂的多)
  在这里插入图片描述
  响应式设计(RWD):建立一个网页,通过CSS Media Query,Content – Based Breakpoint等技术来改变网页的大小适应不同分辨率的屏幕。
  自适应设计(AWD):为不同类别的设备建立不同的网页,检测到设备分辨率大小后调用相应的网页。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/138866.html

(0)
上一篇 2024-11-24 08:15
下一篇 2024-11-24 08:26

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信