border-radius:50%，在安卓上存在兼容問題

Joonas 發(fā)布于2019-08-29 18:36 / 2989人閱讀

摘要：做移動端開發(fā)時為了做適配，通常采用作為單位，下面來寫一個圓角相同的代碼，有的是正圓，有的不是，，均顯示正常解決方案單位改為但是這樣做無法達到適配的目的設置圖片使用既可以適配，即使再小的圓形也能在不同屏幕上完美展示

做移動端開發(fā)時為了做適配，通常采用rem作為單位，下面來寫一個圓角

.round {
   width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: red;
}

相同的代碼，有的是正圓，有的不是，ios，pc均顯示正常

解決方案：

單位rem改為px, 但是這樣做無法達到適配的目的

設置圖片

使用svg, 既可以適配，即使再小的圓形也能在不同屏幕上完美展示

GPU云服務器云服務器安全證書存在問題兼容問題 idc機房存在問題 cdn存在哪些問題

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/114448.html

border-radius:50%，在安卓上存在兼容問題

摘要：做移動端開發(fā)時為了做適配，通常采用作為單位，下面來寫一個圓角相同的代碼，有的是正圓，有的不是，，均顯示正常解決方案單位改為但是這樣做無法達到適配的目的設置圖片使用既可以適配，即使再小的圓形也能在不同屏幕上完美展示做移動端開發(fā)時為了做適配，通常采用rem作為單位，下面來寫一個圓角 .round { width: 0.25rem; height: 0.25rem; ...

darkbug 2019-08-02 16:12 評論0 收藏0
在安卓手機中rem單位border-radius:50%畫圓變形的解決方案

摘要：但是在安卓手機中會有變形的情況存在，渲染方面確實安卓手機干不過畢竟安卓版本眾多，還有什么的線等等的坑，都是能完美運行，安卓總得找方法。當使用做單位，出來的圓是不會變形的，可能是安卓在計算過程中產(chǎn)生誤差或者有什么其他因素造成的渲染問題。罪魁禍首 i{ display inline-block width .08rem height .08r...

RiverLi 2019-08-30 15:55 評論0 收藏0
在安卓手機中rem單位border-radius:50%畫圓變形的解決方案

摘要：但是在安卓手機中會有變形的情況存在，渲染方面確實安卓手機干不過畢竟安卓版本眾多，還有什么的線等等的坑，都是能完美運行，安卓總得找方法。當使用做單位，出來的圓是不會變形的，可能是安卓在計算過程中產(chǎn)生誤差或者有什么其他因素造成的渲染問題。罪魁禍首 i{ display inline-block width .08rem height .08r...

elarity 2019-08-23 14:54 評論0 收藏0