随笔分类 - 移动端
摘要：1.判断移动端设备 // 处理iOS 微信客户端弹窗状态下调起输入法后关闭输入法页面元素错位解决办法 var ua = window.navigator.userAgent.toLowerCase(); if(/iphone|ipod|ipad/i.test(navigator.appVersion
阅读全文
摘要：举个栗子： 当上传图片大小不一致时，就会出现如下图情况： 这是img代码加一串代码就行： 效果图： 第二种写法：裁剪中间部分 比如原图是这样的： 裁剪完效果： 附上： https://help.aliyun.com/document_detail/44693.html
阅读全文
摘要：当一个按钮已经有一个事件，如点击，弹窗显示，若还要加个事件，可以用touchstart 如：
阅读全文
摘要：1.video层级最高问题 解决方案思路：当点击其他按钮触发事件时，视频层级挡住其他外层，比如会挡住弹窗，这是应该让视频暂停播放且隐藏，这是视频这个地方会空一个位置可以放一张封面占位，这样就解决视频层级最高的问题，最后你要让视频播放，点击封面在播放 2.preload预加载，iPhone不支持 au
阅读全文
摘要：官方网址： https://clipboardjs.com/ 不能一打开就直接触发复制粘贴： 参考博客： http://blog.csdn.net/twoByte/article/details/52250205 https://caniuse.com/#search=paste
阅读全文
摘要：meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 vi
阅读全文
摘要：html5的audio功能上已经非常强大，回放，跳转，缓冲等以前只能用flash才能实现的功能，html5的audio都能轻松搞定 最近的一个项目使用到了这个功能，把我使用的情况写下来，供大家参考, 因为我需要的功能很简单，所以做的不复杂，如果要使用更多的功能，可以参考下面的api，能实现很多高大上
阅读全文
摘要：在zepto.min.js文件中搜索animate看有没有，如果没有就是没有加入animate的模块 解决办法，去github中打开src/文件夹，找到fx.js文件，把内容追加到zepto.min.js中 因为有的zepto.min.js默认只是加载一部分模块的，如果需要touch,也可以加入to
阅读全文
摘要：1. 主要是样式（iPhone XR不兼容） .minjiancs a{ display: block;margin:0 .15rem;border-width:10px;border-style:solid;border-color:transparent;border-image: url(im
阅读全文
摘要：iphone6及iphone6plus已经出来一段时间了。很多移动端网站，以前写死body为320px的，现在估计也忙着做适配了。 大屏幕手机其实一直有，只是以前大家没怎么重视，移动端的H5页面大部分都以320px为基准宽度进行布局，那些大屏屌丝android用户也懒得去理，而现在iphone也搞起
阅读全文
摘要：效果如图： 弹窗：
阅读全文
