摘要:做移動端開發(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://m.specialneedsforspecialkids.com/yun/54874.html
摘要:做移動端開發(fā)時為了做適配,通常采用作為單位,下面來寫一個圓角相同的代碼,有的是正圓,有的不是,,均顯示正常解決方案單位改為但是這樣做無法達到適配的目的設(shè)置圖片使用既可以適配,即使再小的圓形也能在不同屏幕上完美展示 做移動端開發(fā)時為了做適配,通常采用rem作為單位,下面來寫一個圓角 .round { width: 0.25rem; height: 0.25rem; ...
摘要:但是在安卓手機中會有變形的情況存在,渲染方面確實安卓手機干不過畢竟安卓版本眾多,還有什么的線等等的坑,都是能完美運行,安卓總得找方法。當(dāng)使用做單位,出來的圓是不會變形的,可能是安卓在計算過程中產(chǎn)生誤差或者有什么其他因素造成的渲染問題。 罪魁禍?zhǔn)? i{ display inline-block width .08rem height .08r...
摘要:但是在安卓手機中會有變形的情況存在,渲染方面確實安卓手機干不過畢竟安卓版本眾多,還有什么的線等等的坑,都是能完美運行,安卓總得找方法。當(dāng)使用做單位,出來的圓是不會變形的,可能是安卓在計算過程中產(chǎn)生誤差或者有什么其他因素造成的渲染問題。 罪魁禍?zhǔn)? i{ display inline-block width .08rem height .08r...
閱讀 2422·2021-11-25 09:43
閱讀 1202·2021-09-07 10:16
閱讀 2616·2021-08-20 09:38
閱讀 2943·2019-08-30 15:55
閱讀 1462·2019-08-30 13:21
閱讀 894·2019-08-29 15:37
閱讀 1446·2019-08-27 10:56
閱讀 2097·2019-08-26 13:45