头部记得写:
<head>
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
</head>
CSS:
/* 手机端 */
@media (max-width:768px){
}
/* 平板和小屏电脑mini */
@media (min-width:768px) and (max-width:1023px) {
}
/* 中屏幕电脑 */
@media (min-width:1024px) and (max-width:1199px) {
}
/* 超大屏幕电脑 */
@media (min-width:1200px) {
}
另外注意:
禁止宽度用px
作为宽度设置,应该用百分比%
或者vw
.
字体单位也禁止px
要用em
默认情况下1em=16px,可以自己计算