zoukankan      html  css  js  c++  java
  • 兼容 |安卓上用border-radius无法显示圆

    一开始我是这样写的的,这在ios可以显示正常圆:

    .point::after{
        position: absolute;
        content: ' ';
         .3em;
        height: .3em;
        display: block;
        border-radius: 50%;
        top: 40%;
        left: 47%;
        background-color: red;
    }
    

    在网上找到方法后,我是先将圆放大,然后再缩小。这样在安卓上也显示正常了:

    .point::after{
        position: absolute;
        content: ' ';
         3em;                      //放大10倍
        height: 3em;                     //放大10倍
        display: block;
        border-radius: 50%;
        transform:scale(0.1);           //缩小10倍
        transform-origin: 0% center;    //调整圆的位置
        top: 20%;
        left: 47%;
    }
    
  • 相关阅读:
    Jam的计数法
    你已经爱我多久了
    脏话过滤
    三角恋
    栈练习3
    栈练习2
    栈练习
    高精度之乘法
    高精度之减法
    高精度之加法
  • 原文地址:https://www.cnblogs.com/sanhuamao/p/14429286.html
Copyright © 2011-2022 走看看