1.開(kāi)發(fā)移動(dòng)端，頭部必要的配置

<meta name="  viewport  " content="  width  =device-width,initial-scale=1,user-  scala  ble=no">（各  屬性  值不在介紹，在開(kāi)發(fā)中小米（2016年小米4）測(cè)試user-scalable=no是不起作用的）

font-size,開(kāi)發(fā)過(guò)程中是用Js計(jì)算的。
公式 320/100=屏幕尺寸/fontSize值
3.需要點(diǎn)擊跳轉(zhuǎn)，語(yǔ)義標(biāo)簽是a（dispaly:block;）
在語(yǔ)義化考慮的情況下a標(biāo)簽中添加一個(gè)span(disply:block)，span中在添加容器
4.為了用戶友好體驗(yàn)，在開(kāi)發(fā)移動(dòng)端頁(yè)面時(shí)候設(shè)置最大寬度和最小寬度。如

{     max-width  :640px;     min-width  :320px;  }

5.移動(dòng)端開(kāi)發(fā)頁(yè)面一些默認(rèn)樣式
禁止a標(biāo)簽背景

a,button,input,optgroup,select,textare{   // 去掉a,input,button點(diǎn)擊時(shí)藍(lán)色外邊框和灰色半透明   -webkit-tap-highlight-color:rgba(0,0,0,0);  }

禁止長(zhǎng)按a,img標(biāo)簽出現(xiàn)菜單欄

a,img{   // 禁止長(zhǎng)按顯示菜單欄   -webkit-touch-c  all  out:none;  }  流暢滾動(dòng)  body{   -webkit-  overflow  -scrolling:touch;  }

6.單行截取

7.calc的使用，不考慮低版本（ie11以下安卓56以下，opera所有）兼容性，建議使用，方便。

8.box-sizing的使用，解決不同瀏覽器盒模型的展現(xiàn)不一致。（移動(dòng)端常用）
content-box;默認(rèn)值標(biāo)準(zhǔn)模型，width和height不包括邊框內(nèi)邊距外邊距
padding-box;width和height包括內(nèi)邊距不包括邊框和外邊距
border-box;怪異模型width和height包括內(nèi)邊距和邊框，不包括外邊距。

9.水平垂直居中（移動(dòng)端常用）
缺點(diǎn)：需要知道小容器的寬度和高度
格式

<p class="parent">   <p class="child"></p>  </p>  .parent{     position  :relative;   width:100px;   height:100px;     background-color  :red;  }  // 注意是四個(gè)方向都是0  .child{   position:absolute;     margin  :auto;     top  :0;     right  ;0;     bottom  :0;     left  :0;   width:50px;   height:50px;   background-color:gold;  }

10.line-height的設(shè)置（移動(dòng)端常用）
normal:默認(rèn)，自動(dòng)分配合理的行間距
number設(shè)置數(shù)字，會(huì)與當(dāng)前字體尺寸相乘來(lái)設(shè)置，即倍數(shù)
length設(shè)置固定行間距
%基于當(dāng)前字體尺寸的百分比行間距
inherit從父元素繼承過(guò)來(lái)
記住下面公式，利用排除Bug
空白間距=lineHeight – fontSize
設(shè)置父元素的line-height為100%就可以沒(méi)有留白

11.vertical-align調(diào)整圖標(biāo)垂直居中（移動(dòng)端常用）
baseline:內(nèi)容與父元素基線對(duì)齊
sub:元素基線與父元素下標(biāo)基線對(duì)齊
super:元素基線與父元素上標(biāo)基線對(duì)齊
top:元素及其后代頂端與整行頂端對(duì)齊
text-top:元素頂端與父元素字體的頂端對(duì)齊
middel:元素中線與父元素的基線對(duì)齊
bottom:元素及其后代底端與整行的底端對(duì)齊
text-bottom:元素底端與父元素字體的底端對(duì)齊
percentage:百分比指定偏移量?；€是0%
length:數(shù)值方式，基線是0（常用）

12.flex的使用
使用flex時(shí)候，如果兩列不是平均分配，試試給width設(shè)置為0
https://csstriggers.com/檢查css屬性觸發(fā)的哪些過(guò)程