文章来自:源码在线https://www.shengli.me/css/531.html
首先什么是自适应?它就是响应式吗?
先看下图吧
有些人可能还不知道响应式跟自适应的区别,甚至认为他们是同一个东西,其实不是的.
自适应是最早出现的,后面才有了响应式。响应式布局等于流动网格布局,而自适应布局等于使用固定分割点来进行布局。
响应式——同一个页面用不同设备(电脑、平板、手机)去访问此页面,最后看到的布局和内容都有很大不同。
自适应——同一个页面用不同设备(电脑、平板、手机)去访问此页面,最后看到的页面内容和布局基本上还是一样的,就是尺寸略有不同。
实现响应式步骤:
使用媒体查询(Media Query) 结合 rem字体