1.移動端的字型大小最小為12px。

兩種解決方案：

第一種，使用

transform: scale(0.7);

css的屬性，可以縮放大小。

第二種，使用

display:table;
display: table-cell;

給其套一個父元素，使用table佈局方式。也可以解決。

第一種比較簡單。第二種就一大堆css樣式。

.label-parent {
    display:table;
height: 40px;
line-height: 40px;border: 1px solid #000;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin
 
: 100% 100%;
transform-origin: 100% 100%;
}
.label {
    display: table-cell;
vertical-align:middle;
font-size: 30px;
}