HTML5技术

微信H5页面遇到的一些问题 - 乖乖脸很大

字号+ 作者:H5之家 来源:H5之家 2017-01-27 08:05 我要评论( )

做了个微信的h5邀请函页面,遇到了几个移动端的问题,一直都忘了整理。 1.input框光标不居中,用height为定值,设置了line-height也无效, 解决方法,不给定高,用line-height设置行高后,用padding撑起高度 2.微信内添加音频文件,但不会自动播放, 解决方

做了个微信的h5邀请函页面,遇到了几个移动端的问题,一直都忘了整理。

1.input框光标不居中,用height为定值,设置了line-height也无效,

解决方法,不给定高,用line-height设置行高后,用padding撑起高度

2.微信内添加音频文件,但不会自动播放,

解决方法:

audio = document.getElementById(id); audio.play(); document.addEventListener("WeixinJSBridgeReady", function () { audio.play(); }, false); document.addEventListener("YixinJSBridgeReady", function() { audio.play(); }, false); } audioAutoPlay("music");

3.微信内h5页面,不支持JS刷新或者跳转,采用

var a= Math.random() * 100;
window.location.href = window.location.href+"?id="+a;

4.安卓手机软键盘导致布局上移

解决方法:

①最底部输入框导致的bug,将按钮往上移

②通过JS来修正

function fixfixed(obj) { if(document.activeElement.nodeName == 'INPUT'){ obj.css('position', 'static'); } else { obj.css('position', 'fixed'); } }

暂时现有这些,遇到新的后,继续添加

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 我为什么不看好微信小程序 - 沉默的老虎

    我为什么不看好微信小程序 - 沉默的老虎

    2017-01-22 18:00

  • 移动端H5页面遇到的问题总结 - 非梧不栖

    移动端H5页面遇到的问题总结 - 非梧不栖

    2017-01-20 13:01

  • ASP.NET 页面之间传值的几种方式 - Alan_beijing

    ASP.NET 页面之间传值的几种方式 - Alan_beijing

    2017-01-18 15:00

  • 微信小程序开源项目库汇总 - OpenDigg

    微信小程序开源项目库汇总 - OpenDigg

    2017-01-14 13:03

网友点评
"