1. 用rem布局撼班，當(dāng)line-height等于height時，安卓手機(jī)文字偏上割笙，不是垂直居中（ios正常）
改前
- 將寬度权烧、高度、行高伤溉、內(nèi)邊距般码、圓角、字體大小等擴(kuò)大 2 倍乱顾，再使用transform進(jìn)行縮放 0.5 倍板祝，此時字體大大于12px。
改后
//原
.labels {
width: 0.7rem;
height: 0.3rem;
line-height: 0.3rem;
color: #0ba300;
font-size: 0.2rem;
box-sizing: border-box;
}
//改
.labels {
position: absolute;
left: 0;
top: 0;
display: inline-flex;
justify-content: center;
align-items: center;
width: 1.4rem;
height: 0.6rem;
line-height: normal;
font-size: 0.4rem;
color: #0ba300;
transform: scale(0.5);
transform-origin: left top;
box-sizing: border-box;
}
2. 圖片在手機(jī)瀏覽器上單擊或者雙擊會放大預(yù)覽問題
- 解決方法：在img標(biāo)簽外面包一層a標(biāo)簽走净，并且把雙擊事件禁止掉券时，完美解決。
<a href="javascript:;" ondblclick="return false;"><img src="img1.png" alt=""/></a>
