PC端適配手機端（響應式JS）

(function (win) 

win.addeventlistener('resize', function () , false);
win.addeventlistener('pageshow', function (e) 
}, false);
refreshrem();
} else 
win.addeventlistener('resize', function () , false);
win.addeventlistener('pageshow', function (e) 
}, false);
refreshrem();
}})(window);

1.原理：動態追加瀏覽器的根元素font-size大小

2.根據自身設計稿的大小 調整designsize的大小  1rem=100px  實際rem大小量得設計稿的尺寸大小%100轉換成rem單位即可

3.盡量採用flex布局

pc端適配移動端

1.允許網頁寬度自動調整在網頁 的頭部，加入一行viewport元標籤所有主流瀏覽器都支援這個設定，包括ie9。對於那些老式瀏覽器 主要是ie6 7 8 需要使用css3 mediaqueries.js2.不使用絕對寬度由於網頁會根據螢幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬...

pc端rem適配 聊聊PC端頁面適配

目前pc並沒有像移動端那樣，可以用rem單位這種一站式解決方案，因為pc需要考慮低階瀏覽器，查詢和background size這些新屬性都不能用。設計稿 1920 1080 190 2.16 自己測1920 945 2.03 14寸普通筆記本 1366 768 190 2.36 參考 參考 登入考...

手機端適應 vue專案移動端 pc端適配方案

vue專案移動端 pc端適配方案 npm i lib flexible s npm i postcss px2rem s 簡要介紹這兩個包的用途 flexible會為頁面根據螢幕自動新增標籤，動態控制initial scale，maximum scale，minimum scale等屬性的值。pos...