关于css兼容问题

	----- 1.0 checkbox 去除默认样式后，在ios端出现黑色背景，解决方案：
		<style>
		input,
		textarea,
		select{
		  outline: none; 
		  -webkit-appearance:none;  /* 去除浏览器默认样式，input按钮在ios和安卓端表现形式不同，所以得清除*/
		  background-color: transparent; /* 背景色设置为透明 */
		}
		</style>
	----- 2.0 容器使用了rem单位设置容器的宽高后再使用border-radius：50%不圆的解决方案：
		<div>
			方案一： 将 rem 单位设置为 px 单位，即可解决，但是不是很方便做兼容
			方案二： 使用svg的方式，显示出一个矢量图，代码如下：
			<!-- 返回按钮 -->
		    <svg class="back">
		        <circle cx="0.2rem" cy="0.2rem" r="0.2rem" fill="#1EB7E9" />
		    </svg>
		    <section class="back-copy">
		        <a href="javascript:history.back(-1);">返回</a>
		    </section>
			<style>
				.back,
				.back-copy
				 {
				    width: .4rem;
				    height: .4rem;
				    // background-color: @main-color;
				    position: fixed;
				    bottom: .3rem;
				    right: .2rem;
				    animation: scale 0.8s infinite;
				    animation-direction:alternate;
				}
				.back-copy {
				    z-index: 3;
				    font-size: .14rem;
				    line-height: .4rem;
				    text-align: center;
				    background-color: transparent;
				    a {
				        display: block;
				        width: 100%;
				        height: 100%;
				        color: #fff;
				    }
				}
				@keyframes scale {
				    0% {
				        transform: scale(0.8);
				    }
				    50% {
				        transform: scale(1);
				    }
				    100% {
				        transform: scale(1.1);
				    }
				}
			</style>
		</div>
	----- 3.0 input属性placeholder在ios显示不完全由于input未设置字体大小，
		<style>
			input::-webkit-input-placeholder{ // 防止出现ios端placehoder显示不完全的兼容问题
			  font-size: .14rem;
			  color: #C0C0C0;
			}
		</style>
	----- 4.0 关于img标签浏览器自带的边框，清除边框的解决方式
		<style>
            img {
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                border-radius: .05rem;
                object-fit: cover;
                border: 0 none;
            }
            
            img[src=""],img:not([src]){ // 清除 img标签浏览器自带的边框 
                opacity: 0;
            }
		</style>