響應(yīng)式和自適應(yīng)的區(qū)別？

自適應(yīng)：

在不同分辨率下不同設(shè)備上顯示相同的頁(yè)面。即：根據(jù)屏幕的寬度，自動(dòng)調(diào)節(jié)網(wǎng)頁(yè)內(nèi)容的大小，使其主體內(nèi)容和布局不變。

響應(yīng)式：

響應(yīng)式的概念應(yīng)該是覆蓋了自適應(yīng)，但是包括的東西更多了。響應(yīng)式布局可以根據(jù)屏幕的大小自動(dòng)的調(diào)整頁(yè)面的展現(xiàn)方式，以及布局。

(1)允許網(wǎng)頁(yè)的寬度自動(dòng)的調(diào)整

(2)盡量少使用絕對(duì)的寬度，多點(diǎn)百分比

(3)相對(duì)大小的字體:字體不要使用px寫死，最好使用相對(duì)大小的em，或者高清方案rem，這個(gè)不限制與字體，別的屬性也可以這么設(shè)置

(4)流式布局，float等float的好處是，如果寬度太小，放不下兩個(gè)元素，后面的元素會(huì)自動(dòng)滾動(dòng)到前面元素的下方，不會(huì)在水平方向overflow（溢出），避免了水平滾動(dòng)條的出現(xiàn)。

(5)選擇加載css，<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 400px)" href="tinyScreen.css" />，這個(gè)意思是如果屏幕寬度小于400像素（max-device-width: 400px），就加載tinyScreen.css文件。