最近因为公司里的项目，当起了音视频开发工程师，开发webRTC直播视频减少播放延迟并搭建coturn服务器

给输入框（或select选择框）添加失去焦点的事件，当输入框失去焦点，页面自动滚动到顶部，并且需要加定时器，否则偶尔会失效。

Android 手机中，点击 input 框时，键盘弹出，将页面顶起来，导致页面样式错乱。 移开焦点时，键盘收起，键盘区域空白，未回落。 我们在app 布局中会有个固定的底部。安卓一些版本中，输入弹窗出来，会将解压 absolute 和 fixed 定位的元素。导致可视区域变小…

做一个轻应用，链接到公众号里面，却发现了一些扎心的问题....... 然而，并没有什么作用...... 各位大佬关于自适应和兼容有什么建议可以留言哦，本人菜鸟求指教，谢谢.........

引言        移动端相较与PC页面，其中移动端兼容就是一个比较让人头疼的事情，今天就将移动端键盘相关进行收集汇总，以助各位同仁一臂之力。移动端的输入方式是虚拟键盘，弹出式的键盘会造成一些在移动端

以下是focusin focusout 事件的支持情况供大家参考。

H5微信网页表单input聚焦后，手机输入软键盘顶起，失焦后内容不回落，卡在上面，导致页面下方空白问题。

响应式布局 在 H5 中，我们通常会使用 REM 和 VW 这两种单位来实现页面的响应式布局。这两种单位可以让页面元素的大小随着根元素（对于 REM）或视口宽度（对于 VW）的大小变化而变化，从而适应

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收