響應式佈局，你需要知道的一切

資料來源: https://mp.weixin.qq.com/s/v7wTGDz0P1xYQokiWRQsNQ

文字重點摘要:

    ▲什麼是響應式設計？

    ▲什麼是像素，什麼DPR？設備像素與CSS像素的區別是什麼？
    ▲EM，REM 的計算規則是什麼？實際應用中如何選擇？
    ▲什麼是視口viewport，佈局視口，視覺視口，理想視口的區別？
    ▲百分比單位和視口單位的計算規則是什麼？
    ▲彈性盒與網格
    ▲設備斷點與CSS 媒體查詢

    ▲響應式佈局的一些最佳實踐