浅谈响应式(pc端和移动端的)

文章来自:源码在线https://www.shengli.me/css/531.html

 

首先什么是自适应?它就是响应式吗?

 

先看下图吧

 

 

有些人可能还不知道响应式跟自适应的区别,甚至认为他们是同一个东西,其实不是的.

 

自适应是最早出现的,后面才有了响应式。响应式布局等于流动网格布局,而自适应布局等于使用固定分割点来进行布局。

 

响应式——同一个页面用不同设备(电脑、平板、手机)去访问此页面,最后看到的布局和内容都有很大不同。

自适应——同一个页面用不同设备(电脑、平板、手机)去访问此页面,最后看到的页面内容和布局基本上还是一样的,就是尺寸略有不同。

 

 

实现响应式步骤:

 

使用媒体查询(Media Query) 结合 rem字体

 

浅谈响应式(pc端和移动端的)_第1张图片

 

 

 

你可能感兴趣的:(浅谈响应式(pc端和移动端的))