原則:不到萬不得已，不要寫死寬度高度，ie就直接寫死，否則bug一堆，自己慢慢解決吧
公式：子元素全加float: left （right）
父元素加.clearfix
tips
.clearfix:after //ie8
.clearfix//ie6**zoom
複製**
flex-direction
flex-direction:row //行(橫向排列,預設)
flex-direction:row-reverse //反向行
flex-direction:column //列(豎向)
flex-direction:column-reverse //反向
複製**
flex-warp:no-warp //不換行(不管多少個都記在這一行,預設)
flex-warp:warp //換行
複製**
flex-direction和flex-warp的簡寫
flex-flow:row nowrap //預設
複製**
主軸方向上的對齊方式,主軸由flex-direction決定,預設為水平方向
偷一下阮一峰老師的圖
justify-content:space-between //空間都在中間
justify-content:space-around //空間都在之間，之前，之後
justify-content:flex-start //都往容器起點靠
justify-content:flex-end //都往容器重點靠
justify-content:center //都在容器中間
複製**
側軸對齊方式
aligh-itenms:flex-start //交叉軸的起點對齊。
aligh-itenms:flex-end //交叉軸的終點對齊。
aligh-itenms:center //交叉軸的中點對齊。
aligh-itenms:baseline //專案的第一行文字的基線對齊。
aligh-itenms:stretch（預設值） //如果專案未設定高度或設為auto，將佔滿整個容器的高度。
複製**
align-content
定義多根軸線的對其方式,多行多列用,使用頻率較低
align-content:flex-start //與交叉軸的起點對齊。
align-content:flex-end //與交叉軸的終點對齊。
align-content:center //與交叉軸的中點對齊。
align-content:space-between //與交叉軸兩端對齊，軸線之間的間隔平均分布。
align-content:space-around //每根軸線兩側的間隔都相等。所以，軸線之間的間隔比軸線與邊框的間隔大一倍。
align-content:stretch（預設值） //軸線佔滿整個交叉軸。
複製**
flex-grow
定義item放大比例，預設為0，空間過多時可以使用
.a
.b.c //空間將以 1:2:3的比例分配給a b c
複製**
定義item的收縮比例，預設為1，空間不足時使用
flex-basis
item預設大小,一般不用，預設為auto可以設定width、height，佔據固定空間
flex
flex-grow、flex-shrink、flex-basis的縮寫
.a //預設
複製**
改變item的順序，可代替雙飛翼
.a
.b.c //item的順序就會反著了,腦補好吧,這麼簡單
複製**
align-self屬性允許單個專案有與其他專案不一樣的對齊方式，可覆蓋align-items屬性
最後推薦乙個遊戲學習flex布局:flex froggy
未完待續
**查詢：乙個**查詢由乙個可選的**型別和零個或多個使用**功能的限制了樣式表範圍的表示式組成，允許內容的呈現針對乙個特定範圍的輸出裝置而進行裁剪，而不必改變內容本身。
直接寫css
@media(條件)
複製**
"***" media="(max-width:768px)"
複製**
background:transparent url() no-repeat center;
background-size:cover;
複製**
meta viewport ：viewport的寬度等於裝置的寬度，不允許手動縮放，初始縮放值1.0,最大縮放值1.0,最小縮放值1.0
"viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
複製**
或者參考知乎,判斷useragent使用不用的html樣式
沒有hover
沒有touch
沒有resize
沒有滾動條
廣東移動 深圳移動
本文資訊來自2012年9月 基本資訊 我的好友，11年本科生，成績很一般，學生工作非常厲害，包容。來自綜合客服類 如果你是對自己有要求的人，不想混日子，你會努力在崗位上表現自己，那麼這類工作，我在深圳移動的朋友，真是乙個人幹幾個人的活，非常疲憊勞累的，第一年可能各種瑣碎的麻煩的事情，第二年還好些，不...
算術移動和邏輯移動
算術左移 邏輯左移 算術右移 邏輯右移有什麼不同?算術左移 末尾添0 邏輯左移 末尾添0 算術右移 左端最低位填充 邏輯右移 左端添0。算術左移和算術右移主要用來進行有符號數的倍增 減半 邏輯左移和邏輯右移主要用來進行無符號數的倍增 減半.算術左移和算術左移雖然方式是一樣的,但他們表示的移位後數的範...
往移動目標處移動
cc.vec normalize 歸一化就是要把需要處理的資料經過處理後 通過某種演算法 限制在你需要的一定範圍內。首先歸一化是為了後面資料處理的方便，其次是保證程式執行時收斂加快。歸一化的具體作用是歸納統一樣本的統計 分布性。歸一化在0 1之間是統計的概率分布，歸一化在某個區間上是統計的座標分布。...