解决border-radius：50% 不圆的方法（由于使用了rem）

在写移动端的web页面的时候，发现使用了 border-radius：50% 属性，在pc端正常显示，在手机端却发现无法不圆，
后面在网上查了一下，使用了rem单位设置了宽高，就会出现这种情况，解决方案有两种，一种是把rem换成px单位，另外一种是使用svg的方式

    <svg class="back">
   		<!--  cx: 中心点的x轴的坐标，cy: 中心点的y轴坐标，r为圆的半径，fill为圆的背景色 -->
        <circle cx="0.2rem" cy="0.2rem" r="0.2rem" fill="#1EB7E9" />
    </svg>
    <!-- back-copy 盒子定位大小与 back一致，层级更高，可实现svg上有文字-->
    <section class="back-copy">
        <a href="../index/index.html">返回</a>
    </section>