移动端常用设置

标签：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，排列位置

移动端常用设置

标签：around   内容   子类   screen   排列   art   宽度   布局   tar   

原文地址：https://www.cnblogs.com/cytheria/p/9211185.html