整理几个经常在H5移动端开发遇到的东西。

本篇主要是我个人的学习分享。

1、弹出数字键盘

<!-- 有“#” “*” 符号输入 -->
<input type="tel">

<!-- 纯数字   -->
<input pattern=“d”>

安卓、IOS的表现形式应该不太一样，大家可以动手试试。运用正则之后，就不用关注input 的类型了。

2、调出系统的某些功能

<!--  拨号 -->
<a href="tel:10086" >打电话给：10086 </a>

<!--发送邮件-->
<a href="mailto:839626987@qq.com">发邮件给：839626987@qq.com</a>

<!-- 发短信 -->
<a href=“sms:10086”>发短信给：</a>

<!-- 选择照片或者拍摄照片 -->
<input type="file" accept="video">

<!-- 多选 -->
<input type="file" multiple>

3、解决active伪类失效

给body注册一个空事件即可。

4、滑动不顺畅，粘手。

一般出现在IOS设备中，自定义盒子使用了 overflow：auto || scroll 后出现的情况。

div{

--webkit-overflow-scrolling:touch;

}

5、最简单的rem自适应

众所周知，rem的值是根据根元素的字体大小相计算的，但是我们每个设备的大小不一样，所以根元素的字体大小要动态设置。

html{

font-size:cale(100vw / 3.75);

}

body{

font-size: .14rem;

}

还有更多知识点，由于能力有限，暂且分享到此刻，如果有大佬晓得跟多，请评论出来分享给我们大家。