1. html页面的设置:
<!-- 设置视口标签 -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<!-- 引入初始化样式 -->
<link rel="stylesheet" href="assets/css/normalize.css">
2. css 引入移动端特殊样式
/*CSS3盒子模型*/
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/*点击高亮我们需要清除清除 设置为transparent 完成透明*/
* {
-webkit-tap-highlight-color: transparent;
}
/*在移动端浏览器默认的外观在iOS上加上这个属性才能给按钮和输入框自定义样式*/
input {
-webkit-appearance: none;
}
/*禁用长按页面时的弹出菜单*/
img,
a {
-webkit-touch-callout: none;
}