前端菜鸟------自适应网站与响应式网站傻傻分不清

来源:互联网 发布:淘宝双十一充500红包 编辑:程序博客网 时间:2024/06/04 19:03

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

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

自适应网站的缺点:屏幕太小时,即使网页能够根据屏幕大小进行适配,但是会感觉在小屏幕上查看,内容过于拥挤,用户体验的效果不会很好,响应式正是为了解决这个问题而衍生出来的概念。它可以自动识别屏幕宽度、并做出相应调整的网页设计,布局和展示的内容可能会有所变动。

体验一下响应式和自适应的区别,请放大缩小一下屏幕尝试 
自适应的体验http://m.ctrip.com/html5

响应式的体验 http://segmentfault.com/大家

/  



0 0
原创粉丝点击