資訊專欄INFORMATION COLUMN
摘要：做移動端開發(fā)時為了做適配，通常采用作為單位，下面來寫一個圓角相同的代碼，有的是正圓，有的不是，，均顯示正常解決方案單位改為但是這樣做無法達到適配的目的設(shè)置圖片使用既可以適配，即使再小的圓形也能在不同屏幕上完美展示
做移動端開發(fā)時為了做適配，通常采用rem作為單位，下面來寫一個圓角
.round {
width: 0.25rem;
height: 0.25rem;
border-radius: 50%;
background: red;
}
相同的代碼，有的是正圓，有的不是，ios，pc均顯示正常
解決方案：
單位rem改為px, 但是這樣做無法達到適配的目的
設(shè)置圖片
使用svg, 既可以適配，即使再小的圓形也能在不同屏幕上完美展示
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/114448.html
摘要：做移動端開發(fā)時為了做適配，通常采用作為單位，下面來寫一個圓角相同的代碼，有的是正圓，有的不是，，均顯示正常解決方案單位改為但是這樣做無法達到適配的目的設(shè)置圖片使用既可以適配，即使再小的圓形也能在不同屏幕上完美展示 做移動端開發(fā)時為了做適配，通常采用rem作為單位，下面來寫一個圓角 .round { width: 0.25rem; height: 0.25rem; ...
摘要：但是在安卓手機中會有變形的情況存在，渲染方面確實安卓手機干不過畢竟安卓版本眾多，還有什么的線等等的坑，都是能完美運行，安卓總得找方法。當(dāng)使用做單位，出來的圓是不會變形的，可能是安卓在計算過程中產(chǎn)生誤差或者有什么其他因素造成的渲染問題。 罪魁禍首 i{ display inline-block width .08rem height .08r...
摘要：但是在安卓手機中會有變形的情況存在，渲染方面確實安卓手機干不過畢竟安卓版本眾多，還有什么的線等等的坑，都是能完美運行，安卓總得找方法。當(dāng)使用做單位，出來的圓是不會變形的，可能是安卓在計算過程中產(chǎn)生誤差或者有什么其他因素造成的渲染問題。 罪魁禍首 i{ display inline-block width .08rem height .08r...
閱讀 2602·2021-10-11 10:59
閱讀 2741·2021-09-22 15:49
閱讀 2675·2021-08-13 13:25
閱讀 1312·2019-08-30 13:14
閱讀 2420·2019-08-29 18:45
閱讀 3030·2019-08-29 18:36
閱讀 1515·2019-08-29 13:21
閱讀 1185·2019-08-26 11:44
