我是一個(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 是一家開源的新型分布式數(shù)據(jù)庫(kù)公司比搭，秉承開源是基礎(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)將解決方法整...
-
其實(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)寫的榆鼠，所以適配的時(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ì)算的。 -
把健康帶進(jìn)每一個(gè)家庭Ｗ手选（歡迎關(guān)注「生命科學(xué)與營(yíng)養(yǎng)」科普公眾號(hào)）
