app內嵌h5頁面問題總結


一、<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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM