我是一個(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)容（入門(mén)酸钦、文檔、案例嬉挡、最佳實(shí)踐钝鸽、直播等）！如需轉(zhuǎn)載或內(nèi)容類(lè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ù)桐款、在線(xiàn)彈性水平擴(kuò)展咸这、故障自恢復(fù)的高可用、跨數(shù)據(jù)中心多活」等核心特性魔眨，是大數(shù)據(jù)時(shí)代理想的數(shù)據(jù)庫(kù)集群和云數(shù)據(jù)庫(kù)解決方案媳维。目前準(zhǔn)生產(chǎn)測(cè)試用戶(hù) 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)）
