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

darkbug 發布于2019-08-02 16:12 / 809人閱讀

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

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

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

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

解決方案：

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

設置圖片

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

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54874.html

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

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

Joonas 2019-08-29 18:36 評論0 收藏0
在安卓手機中rem單位border-radius:50%畫圓變形的解決方案

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

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

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

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