w3ctech

自适应和响应式到底有何区别

各位大大好,我是新晋前端一枚,最近一直有个问题困扰着我。那就是自适应和响应式。 我目前任职网页制作,产品一直说一会说响应式,一会说什么自适应,因为二者区别不太理解,所以也做不成相应的效果。 现在劳烦各位大大帮助解决下问题,说下,这二者的区别。 在有要是做自适应了,最外层的容器给了百分比的宽度,那里面的元素的宽和高该如何处理? 希望有人能够指导我!谢谢!

w3ctech微信

扫码关注w3ctech微信公众号

共收到7条回复

  • 自适应和响应式,在这里可以理解为同一个含义吧,使用响应式的技术来实现页面自适应。

    嘿嘿

    回复此楼
  • 在他们眼里,大概只要宽度能随着浏览器发生变化,就都是响应式和自适应

    回复此楼
  • 那我具体怎么做啊?我快被炒了!!!

    回复此楼
  • 给你推荐本书《Web设计:HTML5和CSS3实战》,具体看第三章,拥抱流式布局

    回复此楼
  • 自适应是比较简单的 ,响应式是根据你的显示设备不一样而使页面产生一定的变化,例如隐藏,或者去掉浮动,自适应,是不会隐藏掉什么内容的,只是把内容的显示区域变小而已

    回复此楼
  • 自适应不见得是多平台的,pc端随着浏览器窗口的缩放,也面相对变化布局不错乱就是。一般用到流式布局和相对单位。

    响应式是一个很大的概念,在以上基础上运用了媒体查询技术。响应式是指页面在所用提供html渲染的设备上显示,包括不限于kindle、google glass,apple watch等这样的极端设备,响应式的概念是囊括性的,是解决方案的一类总称。

    回复此楼
  • 各位大神,自适应到底指屏幕自适应浏览器还是指网页自适应设备

    回复此楼

只有w3ctech成员才能发表和回复。
登录 或者 注册 后发表或回复!