app内嵌h5页面问题总结

时间:2022-11-14 16:24:00

一、<audio>

1.ios上只能播放mp3文件格式的音频

2.fis+smarty开发的静态页,将音频文件写死时,js设置当前播放时间(currentTime)失效,每次赋值都自动归零。后来音频文件通过后端拿来时,却是正常的。查资料,说这玩意貌似跟服务器有关!

二、样式

1.写的css在ios上总是不管用,最后发现,加上-webkit-就好了

2.【vue】从PHP后端get了一系列的评论信息,信息里有表情,php转换成<image>的形式给的,FE用v-html渲染的,但是给这个image设置样式总是不生效,后来发现去掉css/less上的scoped就好了。

原因:scoped属性导致css仅对当前组件生效(用css3的属性选择器+生成的随机属性实现的),而html绑定渲染出的内容可以理解为是子组件的内容,子组件不会被加上对应的属性,所以不会应用css.

 三、滚动和fixed

在ios的safari浏览器和app内核浏览器中,当一个h5页面内容超出屏幕高度,我们手指去滑动屏幕的时候,只要手势一离开屏幕,滚动立刻结束。这时候我们可以通过设置-webkit-overflow-scrolling=touch来使页面可以顺畅滚动,但是设置这个也会引出许多问题

参考文章:https://blog.csdn.net/eadio/article/details/78520412