移動端常用設定

標籤：around   內容   子類   screen   排列   art   寬度   布局   tar   

1.強制豎屏瀏覽 x5-orientation

2.強制全螢幕顯示 x5-fullscreen

 

3. uc 全螢幕顯示

screen -orientation

 

4,禁止電話和郵箱

5.font boosting

 

7.fixed

方法一： 頭部根據html來定位，但是會有回彈

 

ios的body 的overflow問題

一般把內容包一層

 

 

8.新老flex

 

彈性布局：老版比新版的相容性好

新版：display:flex;

主軸：水平/垂直/反序 （注意如果高度或者寬度很大，將會從最下面開始反序）
flex-direction:row/colmun/row-reverse/colmun-reverse

水平富餘空間管理：justify-content:flex-strat/flex-end/center/space-between/space-around
垂直富餘空間管理：align-items:flex-strat/flex-end/center/space-between/space-around

彈性盒模型--box

子類 ：flex:1

元素的具體位置設定：
order:1,2,3,4....數字越小，越靠前，可以接受負數，排列位置

老版： display:-webkit-box

水平：
-webkit-box-orient:horizontal/
垂直：
-webkit-box-orient:verical/

水平反序：-webkit-box-direction:reverse
垂直反序：-webkit-box-direction:normal

注意：老版的高度和寬度不影響反序的位置，都是從初始開始

水平富餘空間管理:-webkit-box-pack:start/end/center/justify(相當於space-between)

垂直富餘空間管理:-webkit-box-align:start/end/center/justify(相當於space-between)

 

彈性盒模型--box

-webkit-box-flex:1

元素的具體位置設定：
-webkit-box-group:1,2,3,4....數字越小，越靠前，預設最小值為1，排列位置

移動端常用設定