各位大大好，我是新晋前端一枚，最近一直有个问题困扰着我。那就是自适应和响应式。 我目前任职网页制作，产品一直说一会说响应式，一会说什么自适应，因为二者区别不太理解，所以也做不成相应的效果。 现在劳烦各位大大帮助解决下问题，说下，这二者的区别。 在有要是做自适应了，最外层的容器给了百分比的宽度，那里面的元素的宽和高该如何处理？ 希望有人能够指导我！谢谢！
扫码关注w3ctech微信公众号
-
自适应和响应式，在这里可以理解为同一个含义吧，使用响应式的技术来实现页面自适应。
嘿嘿
回复此楼 -
在他们眼里，大概只要宽度能随着浏览器发生变化，就都是响应式和自适应
回复此楼 -
那我具体怎么做啊？我快被炒了！！！
回复此楼 -
给你推荐本书《Web设计：HTML5和CSS3实战》，具体看第三章，拥抱流式布局
回复此楼 -
自适应是比较简单的 ，响应式是根据你的显示设备不一样而使页面产生一定的变化，例如隐藏，或者去掉浮动，自适应，是不会隐藏掉什么内容的，只是把内容的显示区域变小而已
回复此楼 -
自适应不见得是多平台的，pc端随着浏览器窗口的缩放，也面相对变化布局不错乱就是。一般用到流式布局和相对单位。
响应式是一个很大的概念，在以上基础上运用了媒体查询技术。响应式是指页面在所用提供html渲染的设备上显示，包括不限于kindle、google glass，apple watch等这样的极端设备，响应式的概念是囊括性的，是解决方案的一类总称。
回复此楼 -
各位大神，自适应到底指屏幕自适应浏览器还是指网页自适应设备
回复此楼
共收到7条回复