响应式设计与自适应设计

1 响应式设计

一个网页可以在不同窗口或者不同屏幕下很好得被展示的一种技术,这里可以理解为是一套代码

实现的方法:

  • 媒体查询
  • 百分比布局(流式布局)
  • 响应式布局(flex、grid、多列)
  • 响应式图片
  • rem方案、vh、vw

实际上,往往都是几种方法配合使用

2 自适应设计

自适应设计是一种后端检测技术,它会根据屏幕尺寸和分辨率,为不同设备提供不同版本的网站,这里可以理解为有多套代码

你可能感兴趣的:(#,移动app开发,前端)