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
}