手机移动端相关适应

手机移动端自适应

不同的屏幕可以自适应
        viewport 手机屏幕视口
        width=device-width 屏幕宽等于视口宽
        initial-scale=1.0  默认放大比例1.0
        maximum-scale=1.0  最大比例1.0
        minimum-scale=1.0   最小比例1.0  手机触屏
        user-scalable=no   禁止用户缩放

手机布局一般都是①flex ②弹性盒子
用的像素值 rem em 尽量避免px

    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=5.0,minimum-scale=1.0,user-scalable=no"/>
    <style>
        *{
   
            margin: 0;
            padding: 0;
        }
        body,html{
   
            width: 100%;
            height