移動端總結(更新)

標籤：

1. 字型

font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;

font-family: ‘Helvetica Neue‘,Helvetica,Arial,‘Microsoft Yahei‘,sans-serif

font-family:‘Helvetica Neue‘,Helvetica, Arial,‘Lantinghei SC‘,‘Hiragino Sans GB‘,STHeiti,‘Noto Sans S Chinese‘,‘Microsoft Yahei‘,‘Microsoft Sans Serif‘,‘WenQuanYi Micro Hei‘,sans-serif;

2. 完美視口(viewport)

<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0,maximum-scale=1.0"/>

3. 移動端置中

translate版

.center {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
}

flexbox版

.center {
justify-content: center;//子項目水平置中
align-items: center;//子項目垂直置中
display: -webkit-flex;
}

移動端總結(更新)