自适应和响应式的区别

　　https://www.cnblogs.com/zxhh/p/7815572.html

　　自适应：主要体现在移动端。 在不同分辨率下不同设备上显示相同的页面。即：根据屏幕的宽度，自动调节网页内容的大小，使其主体内容和布局不变。

　　响应式：主要用于WEB端，用来适配WEB端和手机端页面的布局。响应式的概念应该是覆盖了自适应，但是包括的东西更多了。响应式布局可以根据屏幕的大小自动的调整页面的展现方式，以及布局。

　　　　例如：一个网站的官网，WEB端的情况下是一种局部，手机端的情况下又是另一种布局。这两种布局都是为了更好的显示内容。

　　所以响应式是布局都可能会变化，自适应是页面会根据屏幕的大小自动适配

　　常用技术：

　　　　自适应：rem

　　　　响应式：media 做多套样式，选择使用

　　　　选择加载css，<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 400px)" href="tinyScreen.css" />，这个意思是如果屏幕宽度小于400像素（max-device-width: 400px），

　　　　就加载tinyScreen.css文件。