响应式网页(Responsive)与自适应(Adaptive)网页：
相同点：
为了网页能够兼容不同的终端（分辨率）
区别：
1.响应式不改变代码的结构层，就像一个沙发可以放到不同的地方，展示形式改变了,内容不变。一个网页适应多个终端
没有进行不同套的代码的开发
2.自适应是响应式的早期，需要开发多套（网页设计）来实现某一个网页
不同的布局方式：
1.静态布局 static layout
2.自适应布局 adaptive layout
3.弹性布局 rem/em布局
4.流式布局 liquid layout
5.响应式布局 responsive layout
布局方式选择：
1.如果只做pc端，那么静态布局（定宽度）是最好的选择；
2.如果做移动端，且设计对高度和元素间距要求不高，那么弹性布局（rem+js）是最好的选择，一份css+一份js调节font-size搞定；宽度用百分比
响应式布局的常用解决（实现）方案：
1.px和meta viewport
2.媒体查询@media
3.百分比
4.rem
5.vh/vw(ie9+) vmin/vmax(ie11+)
详细网页解决方案
简要代码查看网页实现响应式布局的方法总结
网友评论