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

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

1、弹出数字键盘

<input type="tel">


<input pattern=“\d”>

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

2、调出系统的某些功能

<a href="tel:10086" >打电话给：10086 a>


<a href="mailto:[email protected]">发邮件给：[email protected]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;

}

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