浅谈响应式布局&自适应布局

| 字数 1889

一、响应式布局

1、什么是响应式页面?响应式布局可以一统pc&mobile吗?响应式与自适应式布局的区别?

  • 响应式简单来说是一个网站的布局 能够兼容多个不同终端, 而并不是传统的pc端一套页面,移动端一套页面。
  • 当初Ethan Marcotte在2010年5月份提出的这个概念的时候是希望响应式可以一统pc&mobile页面,同时我们也做到了。但是这样带来的问题也越发让开发者心烦意乱,最重要的一点就是兼容各种设备会导致 大量累赘的代码,维护与重构较麻烦。
  • 响应式布局讲究的是使用一套布局代码来在不同终端展示,根据屏幕尺寸的大小对页面的布局进行改造(即当屏幕变小时,开发者可能会让标题栏中原本显示10个子标题现在只显示5个,隐藏剩下的5个或者让其在第二行出现),而