我是一個(gè)即將進(jìn)入前端大部隊(duì)的小將达址，希望能遇到同道中人
IP屬地：浙江
-
持續(xù)學(xué)習(xí)，越努力交洗，越幸運(yùn)骑科！<br><a href="https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FCuiZhongyuan" target="_blank">https://github.com/CuiZhongyuan</a>
-
做一個(gè)有夢(mèng)想的孩紙咆爽，相信自己一定可以。不成功便成仁置森。
-
阿里云官網(wǎng)（<a href="https://links.jianshu.com/go?to=https%3A%2F%2Fwww.aliyun.com%2F" target="_blank">https://www.aliyun.com/</a>），每日分享最新產(chǎn)品技術(shù)內(nèi)容盐碱、官網(wǎng)活動(dòng)資訊把兔！
-
Java架構(gòu)師<br>wx公眾號(hào)：org_yijiaoqian
-
阿里云官網(wǎng)內(nèi)容平臺(tái)！匯聚阿里云優(yōu)質(zhì)內(nèi)容（入門、文檔晾咪、案例收擦、最佳實(shí)踐、直播等）谍倦！如需轉(zhuǎn)載或內(nèi)容類合作塞赂，郵件yqgroup@service.aliyun.com 秒級(jí)回復(fù)！<br>
-
PingCAP 是一家開(kāi)源的新型分布式數(shù)據(jù)庫(kù)公司，秉承開(kāi)源是基礎(chǔ)軟件的未來(lái)這一理念叼旋，PingCAP 持續(xù)擴(kuò)大社區(qū)影響力仇哆，致力于前沿技術(shù)領(lǐng)域的創(chuàng)新實(shí)現(xiàn)。其研發(fā)的分布式關(guān)系型數(shù)據(jù)庫(kù) TiDB 項(xiàng)目夫植，具備「分布式強(qiáng)一致性事務(wù)讹剔、在線彈性水平擴(kuò)展、故障自恢復(fù)的高可用详民、跨數(shù)據(jù)中心多活」等核心特性辟拷，是大數(shù)據(jù)時(shí)代理想的數(shù)據(jù)庫(kù)集群和云數(shù)據(jù)庫(kù)解決方案。目前準(zhǔn)生產(chǎn)測(cè)試用戶 1000 余家阐斜，并已被 200 余家不同行業(yè)的領(lǐng)先企業(yè)應(yīng)用在實(shí)際生產(chǎn)環(huán)境衫冻，涉及互聯(lián)網(wǎng)、游戲谒出、金融隅俘、政府、電信笤喳、制造業(yè)等多個(gè)領(lǐng)域为居。（官網(wǎng)：<a href="https://links.jianshu.com/go?to=http%3A%2F%2Fpingcap.com" target="_blank">http://pingcap.com</a> 源碼地址：<a href="https://links.jianshu.com/go?to=http%3A%2F%2Fgithub.com%2Fpingcap" target="_blank">http://github.com/pingcap</a>）
-
vue-cli3.0 結(jié)合postcss-pxtorem和lib-flexible實(shí)現(xiàn)移動(dòng)端適配独泞，解決第三方組件庫(kù)樣式變小的問(wèn)題基于vue做了一個(gè)移動(dòng)端的項(xiàng)目，同時(shí)引入的了第三方組件庫(kù)（有贊vant）苔埋。當(dāng)時(shí)選擇用rem件來(lái)做適配阐肤。其他內(nèi)容可以正常顯示，但是引起了第三方插件內(nèi)容變小的問(wèn)題〗部玻現(xiàn)將解決方法整...
-
Auw ·
其實(shí)三方組件被縮小的原因是你設(shè)計(jì)稿是dpr=2的（所以你的remUnit為75，因?yàn)閕phone6是375px（邏輯像素）愧薛，dpr為2的晨炕，物理像素為3752=750，750/10=remUnit毫炉，其實(shí)remUnit代表的是1rem=多少的物理像素而不是邏輯像素（css中的px））瓮栗，而三方組件是依據(jù)dpr=1（物理像素=邏輯像素）來(lái)寫(xiě)的，所以適配的時(shí)候會(huì)縮小一倍（比如三方組件width為30px瞄勾，remUnit為75時(shí)费奸，則適配結(jié)果為0.4rem，而實(shí)際上dpr等于1時(shí)的remUnit應(yīng)該為37.5进陡，適配結(jié)果應(yīng)該為0.8rem）愿阐。
說(shuō)白了就是三方組件適配時(shí)的參照標(biāo)準(zhǔn)和你設(shè)計(jì)稿的參照標(biāo)準(zhǔn)不一導(dǎo)致的，有2種解決辦法：
第一種依照設(shè)計(jì)稿的參照標(biāo)準(zhǔn)趾疚，remUnit仍為75缨历，但是需要修改三方組件的css樣式，全部2糙麦，顯然這種不太好辛孵，因?yàn)橐话悴唤ㄗh修改三方組件的源文件，還有就是修改太麻煩容易遺漏赡磅。
第二種方法就是依照三方組件的參照標(biāo)準(zhǔn)魄缚，將remUnit修改為37.5，然后將設(shè)計(jì)稿中的元素單位除以2（也就是說(shuō)將設(shè)計(jì)稿上的大小修改為dpr等于1時(shí)的大蟹倮取）冶匹，除以2還是比較好計(jì)算的。 -
<br> <br> 讀書(shū)對(duì)抗無(wú)知搞疗，<br> 寫(xiě)作對(duì)抗死亡嗓蘑，<br> 講書(shū)對(duì)抗膚淺须肆。<br> 跑步對(duì)抗懶惰。<br> <br> 我的公眾號(hào):爸爸不缺席
-
把健康帶進(jìn)每一個(gè)家庭６婆啊（歡迎關(guān)注「生命科學(xué)與營(yíng)養(yǎng)」科普公眾號(hào)）
