近來公司的的項目趕，作為前端的小白懶出新的高度，使出專業的妙技 –複製粘貼！！（改他人的代碼也是煎熬）
我常常做一些H5頁面，如許就會碰到適配這個頭疼的題目，我分享下我用常常用到的適配計劃：
這裏就不細說了 有大神總結 ，或許自行百度。

相識實在的『REM』手機屏幕適配

前端：『REM』手機屏幕高清適配計劃

hotcss.js挪動端適配計劃

這個文章也不錯

都是大神們伶俐的結晶。。。。。。瞻仰！！！！！

好了廢話少說進入正題。
運用vue的小夥伴兒會用到淘寶的開源的適配計劃flexible.js + rem + px2rem-loader 去輕鬆的完成適配，這也是我最喜歡的，然則運用這個計劃時，你引入第三方庫時 款式會變小。。？！！！

這個坑難的我不可，種種百度，種種主意，差一點就摒棄了這個計劃。

題目

變小的重要原因是第三庫 css一根據 data-dpr=”1″ 時寫的尺寸

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

這時候我們運用的flexible引入時 data-dpr不是一個寫死了的，是一個動態的；就致使這個題目

處理
我們能夠把第三方庫的css代碼px一致擴大2倍，聽起來很蠢對吧，我一開始也是熬煎想的，有的小夥伴就該說這個的改若干，代碼少就無所謂，但是代碼不就的累死了。。。
我運用的地vscode這個編輯器有個擴大順序小叫 px-to-rem 這個可算是救世主了 他能夠讓你在2分鐘改完一切的代碼

第一步 下載 改默許設置

 "px-to-rem.px-per-rem": 0.5, // 第一步  重如果讓1rem 即是0.5px

全選你要改的代碼 option+Z 快捷鍵。（windows我不知道）你會發明一切的px變rem

第二步 改默許設置

"px-to-rem.px-per-rem": 1,  //第二步

然後在全選你要改的代碼 option+Z 快捷鍵。（windows我不知道）你會發明一切的rem變px 這個px的值比是本來的2倍

OKok OK