标签:移动端

移动端手机浏览器不支持audio标签音乐自动播放的解决方案

移动端手机浏览器不支持audio标签音乐自动播放的解决方案

用HTML5的audio标签在页面中引入音频文件非常方便,如果我们想让音乐自动播放,只需给audio标签加一个autoplay属性就行了。比如这样写: <audio src="music.mp3" autoplay></audio> 当然,audio标签还有其他一些属性,

admin admin 2018-07-11
7.8K+ 0 0
移动端某些浏览器禁止双指缩放(user-scalable=no)失效的解决方案

移动端某些浏览器禁止双指缩放(user-scalable=no)失效的解决方案

做移动端开发,给页面头部添加了meta标签,并添加了user-scalable=no属性禁止双指或双击放大: <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1, user-scalab

admin admin 2017-12-26
1W+ 5 0
视频video标签在移动端微信中默认全屏播放的解决方案

视频video标签在移动端微信中默认全屏播放的解决方案

最近后盾人移动端上线了,开发挺顺利,但也遇到几个小坑。 后盾人中的视频是用video视频标签引入的,当在微信中打开后盾人,播放视频的时候,视频默认会全屏播放。 安卓和ios下都存在此问题,解决方法如下: iOS端:给video标签加上 playsinline="true" 属性就行了。一开始看

admin admin 2017-12-06
5.2K+ 2 0
移动端zepto.js框架无法使用animate动画的解决方法

移动端zepto.js框架无法使用animate动画的解决方法

zepto这个框架做前端的同学应该非常熟悉了,简单来讲,zepto就是一个专为移动端而生的精简版jquery框架,语法和jquery几乎一模一样。但在用的时候会发现jquery中使用频率非常高的animate动画方法在zepto中无法使用。其实zepto是支持的,只不过没有集成到zepto核心文件中

admin admin 2017-10-15
3.9K+ 0 0
禁止移动端网页页面被拖拽下拉的方法

禁止移动端网页页面被拖拽下拉的方法

今天有开发者在后盾网论坛问到如何不让网页页面在手机端被拖拽下拉的方法,问题是这样的,一般手机端打开的页面可以在手指向下滑动的时候被整体下拉,如果不想让页面被下拉,用js阻止ontouchmove 事件即可,示例代码如下: <script> document.ontouchmove

admin admin 2016-01-13
3K+ 2 0