您当前所在的位置:兰溪新闻在线 > 媒体聚焦 >  
web程序员需要了解的自适应与响应式的区别
  来源:  时间:2019-11-28 14:37  

  五大工具培训

随着互联网的不断发展,越来越多的用户都开始使用不同的终端来访问网页,而今天我们就一起来了解一下,网页设计中的自适应与响应式的区别。

web程序员需要了解的自适应与响应式的区别

1、自适应与响应式都是什么,又有什么区别?

很多人会对响应式布局和自适应式布局产生混淆,确实他们的原理是非常相似的,都是检测设备,根据不同的设备采用不同的css。

至于他们的区别,有个很简单的方法:同一个页面在不同尺寸的屏幕上访问时,看网址是否一样,只有一个网址为响应式,有多个不同的网址为自适应。另外的区分点是:是否需要一对一的设计界面,是则为自适应。

2、自适应与响应式如何选择用哪个呢?

如果页面功能不多,用户交互少,不需要经常升级,响应式设计从运营的难易和维护的便利性考虑会更好,只要搞定网页端,其他的也都搞定了;如果从页面个性化多功能方面考虑,自适应设计更合适,因为这样可以更好的为用户提供功能全面,用户体验更好的界面。例如功能复杂、用户交互频繁的网站、电商类网站,用户量较大的网站选择自适应更合适。

3、做响应式页面的条件是什么呢?

响应式可以响应的前提有两点:

1.页面布局具有规律性,必须建立灵活的网格基础,元素宽高可用百分比代替固定数值;

2.网页图片必须是可伸缩的(页面中图片不固定宽/高)。

这两点也是栅格系统本身的典型特点,所以利用栅格系统进行响应式的设计是顺理成章的,也比较高效快捷,所以响应式与栅格化天生一对好搭档。

原文地址:58UXD(公众号)

作者:环铁艺术家

【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!

友情链接    
Copyright © jiantaisiwang.com All Rights Reserved  兰溪新闻在线 版权所有