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

响应式布局 responsive design

自适应布局 adaptive design

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

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

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

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

170423-html-响应式布局与自适应布局_第1张图片

你可能感兴趣的:(170423-html-响应式布局与自适应布局)