手机h5页面常见问题

Posted 2020-06-16

1、meta标签

1 // 手机端页面-用户将不能放大/缩小网页：
2 <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
3 // 忽略数字自动识别为电话号码
4 <meta content="telephone=no" name="format-detection" /> 
5 // 忽略识别邮箱
6 <meta content="email=no" name="format-detection" />

 

2、iphone手机 - input输入框内阴影 与 input默认按钮样式(圆角/灰色渐变背景)

1 input[type=button]{
2     border-radius:5px;
3     -webkit-appearance:none;
4     background:-webkit-linear-gradient(orange, orange);
5     background:-o-linear-gradient(orange, orange);
6     background:-moz-linear-gradient(orange, orange);
7     background:linear-gradient(orange, orange);
8 }