北京小程序开发之自适应、响应式

自适应/响应式

自适应

?自适应网站是通过宽度来调整网页内容的大小，来达到不同大小的设备所看到的网站内容及布局都是一样的，形象的说就像是同一张照片，其大小按照不同比例缩放来展示。

?在手机登设备上浏览，网页与PC端无任何差别，所有内容均在浏览器窗口，不会显示“原网页”那种需要用手放大，拖拽去浏览的情况。

?例如：手机访问

?特点：

o内容拥挤体验不好

o开发需要一套UI即可（对于BD）

响应式

?响应式网站是指在网站上的页面，由于采用响应式的布局，也可以在任何设备上无障碍显示，但是网页的样式早已根据响应式的布局该变成专为其他设备所准备的样式。

?响应式网站概念应该覆盖了自适应，而且涵盖的内容更多。

?在手机等设备上浏览，网页与PC端内容相似，但布局是自动改变为专为手机等其他设备所准备的。

?例如：手机访问

?特点：

o体验好

o开发需要两套UI（pc端一套，移动端一套）