响应式是流布局,它会自动适应屏幕大小,不管是什么设备。响应式使用CSS完成设备判断。这种基于网格的流布局会自动调整网页的高度和宽度来使用不同尺寸的屏幕,并让其实现正确。
自适应则采取多个不同的布局设计,多个屏幕的尺寸,使用哪个布局取决于屏幕类型。自适应作品用屏幕尺寸来决定用哪套布局。
响应式网页会是一个更难的选择,因为它需要用CSS和结构来确保网页能在任何大小上实现,让一套布局能在任何屏幕上使用是一件令人生畏的事情。
自适应的设计不太灵活,它只能在其预先设计好的屏幕上正常显示,如果市面上出现了一个新的尺寸,你可能就要修改你的设计了,或者干脆重设计一个,响应式网站在这方面更灵活些,自适应的网站会经常需要一些例行公事的维护。
我们的设计到底是使用响应式还是自适应呢?
在大多数情况下,响应式网站是个安全的选择。无论屏幕大小,它都能有很好的现实性能,而且早起设计的时候也会节约很多时间。
但是,还是要看内容,如果内容太多,页面信息复杂,建议使用自适应的模式,因为这样设计移动端要考虑的会简单一些,而且更容易做适配。如果内容少,当然首选响应式。市面上也有一些典型的例子,比如“淘宝”,因为首页内容太多,所以只能选择自适应的模式,PC端和移动端的内容差别很大。再如“36kr”他们就是典型的响应式,因为信息架构简单。

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。
公安局备案号:
