网页自适应和响应式的区别与分析总结

参考链接：

https://my.oschina.net/liu-xuewei/blog/345580

https://www.zhihu.com/question/24334181

　　Responsive design (响应式设计)：

　　　　建立一个网页，通过CSS Media Queries，Content－Based Breakpoint（基于内容的断点）等技术来改变网页的大小以适应不同分辨率的屏幕。

　　Adaptive design (自适应设计)：

　　　　为不同类别的设备建立不同的网页，检测到设备分辨率大小后调用相应的网页。目前AWD网页主要针对这几种分辨率（320，480，760，960，1200，1600）

　　　　自适应是最先出现的，之后才引申了响应式。

　　　　自适应是为了解决在不同尺寸屏幕呈现相同的效果，比如手机，电脑等，最开始的解决办法是在每种尺寸的机型都写一套对应的样式库，解决自适应问题。但是这样极不方便维护，因此后来引申了响应式。

　　　　响应式概念涵盖了自适应，同时也包含更多的内容，可以根据某个屏幕的大小自动调节页面的展示形式和布局。

转载于:https://www.cnblogs.com/ilaozhao/p/9111258.html

网页自适应和响应式的区别与分析总结相关推荐

转自CSDNattilax的专栏：自适应网页设计跟响应式设计的区别跟原理and实践总结...
响应式Web设计(Responsive Web design)的理念是: 1 #-----------自适应布局VS响应式布局 2 设计思路Mobile First 2 #---手机and平板分辨率 ...
自适应与响应式的区别？
随着显示器的越来越多,以及笔记本的普及,逐渐出现了新的布局方式:百分比宽度布局和流式布局.这里先说一下这两种布局的区别: 百分比宽度布局:宽度使用百分比,文字使用em,更多的使用rem,也就是所说的高 ...
响应式网页设计_响应式网页设计中的常用技术
响应式网页设计在先前的文章中,我讨论了为什么Web准备就绪以进行响应式设计 ,以及网站所有者如何使用用户设备和屏幕空间的上下文来跨各种尺寸的屏幕(包括PC,电话) 为用户提供上下文相关的体验.和控制 ...
响应式网页设计_响应式网页设计–如何使网站在手机和平板电脑上看起来不错
响应式网页设计 In the rapidly evolving landscape of connected devices, responsive web design continues to b ...
响应式网页设计_响应式网页设计：我们从这里去哪里？
响应式网页设计 This article is part of a web development series from Microsoft. Thank you for supporting th ...
个人站点网页设计html,响应式网页设计的快速教程（适合个人站点）
做过wap站.做过siteApp.做过第三方,也做过独立APP,现在又做了个自适应的模板.所谓"响应式网页设计(Responsive Web Design)"也就是自适应,就是可以 ...
html响应式布局是什么,什么是响应式网页设计？响应式布局的实现原理
概念响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整.当然响应式Web设计不 ...
html响应式布局平移,响应式网页设计、响应式布局的实现原理
概念响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整.当然响应式Web设计不 ...
响应式网页设计_响应式网页设计的意义和目的
响应式网页设计 The following is an exclusive extract from our new book, Jump Start Responsive Web Design, 2 ...

网页自适应和响应式的区别与分析总结

网页自适应和响应式的区别与分析总结相关推荐

最新文章

热门文章