移动端开发
浅笑0104
只有足够努力,才能看起来毫不费力
展开
-
移动端h5页面软键盘弹出后 背景图片被顶上去
移动端h5页面在软键盘弹出后,body的高度被压缩了,就导致原本高度100%的背景图被顶上去一截,需要把div的高度强行设回100%才能解决这个问题 <div class="app" :style="{ height: bodyHeight + 'px' }"></div> mounted(){ this.bodyHeight=document.documentElement.clientHeight } jq中这么写(挂载的时候就要开始执行的) $(function ()原创 2020-10-10 10:00:38 · 3745 阅读 · 2 评论 -
H5页面添加背景音乐播放功能,可暂停
html: <span id="musicControl"> <a id="mc_play" class="on"> <audio id="musicfx" loop="loop" autoplay="autoplay"> <source src="./music/music.mp3" type="audio/mpeg" id="hhh"> </aud原创 2020-09-30 10:40:09 · 1492 阅读 · 1 评论 -
zepto无法使用animate的解决办法
zepto就是一个专为移动端而生的精简版jquery框架,语法和jquery几乎一模一样。但在用的时候会发现jquery中使用频率非常高的animate动画方法在zepto中无法使用。其实zepto是支持的,只不过没有集成到zepto核心文件中,需要大家引入官方提供的fx.js扩展。 友情提示:请在引入zepto核心js文件后再引入fx.js _ 使用tap方法要引入touch.js 学习参考 http://www.sunqizheng.com/blog/379.html 正文有fx的心下载地址 ...原创 2020-09-15 11:36:53 · 401 阅读 · 0 评论 -
rem布局原理及应用
实现rem布局的背景 在做移动端开发的时候,往往要遇到适应不同手机的问题,但是各种不同的手机的屏幕宽度不同,这是为了做到适配,可以用到rem布局,我们常见的三类手机分别为iphone5(320px) ...原创 2019-03-04 21:08:43 · 393 阅读 · 0 评论