移动端兼容设置

做个笔记（摘抄大神的）。

移动端字体设置

body {
     font-family：-apple-system，BlinkMacSystemFont，“ PingFang SC ”，“ Helvetica Neue ”，STHeiti，“ Microsoft Yahei ”，Tahoma，Simsun，sans-serif ;

}

CSS 实现 1px 边框

.border-1px {
    position: relative;
}
.border-1px:after {
    position: absolute;
    content: '';
    top: -50%;
    bottom: -50%;
    left: -50%;
    right: -50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}