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