手机端页面设置

1.@media选择器       

　　 /* 设置最大宽度600px 在页面小于600宽度后执行里面的内容,如果设置min-width600px 页面宽度大于600时执行里面的内容 */

        @media screen and (max-width:600px) {

            .a{

                display: none;

            }

        }

　　添加到head里面

　　<meta name="viewport" content="width=device-width, initial-scale=1.0">

　　就是 显示窗口 宽度 是 客户端的 屏幕 宽度 ，显示的文字和图形的初始比例 是 1.0

2.手机端页面设置

100/750*100等于字体大小 750是设计图宽度,字体单位是vm

　　html {

　　　　font-sisz:13.333333vm

　　　　}

750是手机端这几图页面宽度除以100,获得页面宽度单位是rem

       .div {

　　　　width:7.5rem

　　　　}