="IE=edge"> <title>手机端点击图片全屏预览</ ...

一：先解决一下该插件在PC端(针对数据内容是html)滑动性能的问题，反正就是在PC端滑动体验不好。 针对这个问题我先去监测了组件里滑动时evt.pageX ， this.startX(鼠标按下去的)这两个的值变化，结果发现那个evt.pageX滑动到一定的距离后跟实际鼠标位置的值不匹配 ...

H5 video全屏与取消全屏各浏览器兼容， requestFullscreen（）全屏方法，exitFullscreen()退出全屏方法。兼容各个浏览器与css3兼容一样加个前缀即可。 ...

h5 app的全屏和沉浸式状态栏是不一样的 全屏模式 常见使用场景：如果页面是全屏游戏，一般会直接让状态栏消失，也就是页面全屏。webview高度全屏了，状态栏没有了。写法：终端支持：没有终端类型限制高度处理：与状态栏透明相同，webview高度=屏幕高度，状态栏高度为0且不显示前景内容。需要 ...

<style> html{ font-size:calc(100vw/640*100); } .main{ ...

最近做项目用到全屏，现总结一下全屏： 1.局部全屏：H5全屏和F11有区别，在这种情况下判断全屏只需要通过H5全屏属性，无论全屏后有无滚动条都可判断。 2.页面全屏：H5全屏和F11实现效果一样，根据浏览器可视区域与电脑屏幕大小做比较，但只能判断无滚动的页面。 ...

起由 原始需求来源于一个项目的某个功能，要求实现3D图片轮播效果，而已有的组件大多是普通的2D图片轮播，于是重新造了一个轮子，实现了一个既支持2D，又支持3D的滑动、轮播组件。 实现思路 刚一开始肯定是无法直接实现3D滑动组件的，所以将功能拆分，如下步骤 实现一个双向循环链表 ...