1
2
3
4
5
|
<meta name="viewport" content="width=device-width, initial-scale=1"> //1：1屏占比
<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0,maximum-scale=1.0"/> //手机端完美视图
<meta http-equiv="X-UA-Compatible" content="IE=edge"> //打开浏览器为ie9及以上版本
<meta name="renderer" content="webkit"> //有限打开内核为webkit
|
引入处理
选择性引入样式表
1
2
3
|
<link rel="stylesheet" media="screen and (min-width: 1026px)" href="css/style1.css">
<link rel="stylesheet" media="screen and (max-width: 1025px)" href="css/Mobal.css">
|
兼容处理
手机端单位处理： （此处为手淘的flex解决方案，还有一版解决方案为Ydui）