資訊專(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.ezyhdfw.cn/yun/54874.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ò)畢竟安卓版本眾多，還有什么的線等等的坑，都是能完美運(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ò)畢竟安卓版本眾多，還有什么的線等等的坑，都是能完美運(yùn)行，安卓總得找方法。當(dāng)使用做單位，出來(lái)的圓是不會(huì)變形的，可能是安卓在計(jì)算過(guò)程中產(chǎn)生誤差或者有什么其他因素造成的渲染問(wèn)題。 罪魁禍?zhǔn)? i{ display inline-block width .08rem height .08r...
閱讀 2594·2021-11-25 09:43
閱讀 1355·2021-09-07 10:16
閱讀 2774·2021-08-20 09:38
閱讀 3017·2019-08-30 15:55
閱讀 1588·2019-08-30 13:21
閱讀 999·2019-08-29 15:37
閱讀 1578·2019-08-27 10:56
閱讀 2164·2019-08-26 13:45
