170423-html-响应式布局与自适应布局

响应式布局 responsive design

自适应布局 adaptive design

都是为了适应不同屏幕大小、不同分辨率而产生的,自适应布局不论在什么屏幕上显示的内容是一样的,大小可能变化但是布局一样。响应式布局则会随着屏幕而改变内容的布局。

响应式设计采用流体加断点,在断点之间页面依然会随着窗口大小自动缩放,通过fluid grid???,直到遇到断点改变界面样式。自适应设计只有在几种固定分辨率的时候回采取优化,断点之间的自动过度较少(所以这段时间用滚动条吗???)

响应式设计往往设计初期就开始(采用mobile first策略?)所以旧网站要做成响应式设计可能要重建。自适应设计则对于更小分辨率做针对性的优化适应。

响应式设计 网页与屏幕一对多,相对更灵活,每次载入的内容比较多、耗时更长。自适应则是1对1,减少网页载入的等待时间,提高响应速度、

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容