移动端常用设置

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,排列位置

猜你喜欢

转载自www.cnblogs.com/cytheria/p/9211185.html