css3 - 微信前端頁面遇到的transition過渡動畫的bug
問題描述
在做一個微信移動端頁面的時候遇到這么個問題,簡單描述一下,就是:頁面左側(cè)有一個側(cè)滑菜單,我需要實(shí)現(xiàn)菜單滑出來之后,頁面內(nèi)容左邊增加內(nèi)部白,相當(dāng)于頁面寬度壓縮一部分。現(xiàn)在效果是,如果頁面中文字太多,菜單滑出來之后文字不會自動換行,直接超出后隱藏了的效果。我想實(shí)現(xiàn)文字也會自動換行,不知該如何解決。
問題描述有點(diǎn)啰嗦,直接給出demo鏈接吧(掃碼可以再微信上看效果):transition過渡動畫bug
補(bǔ)充一下效果截圖對比。
chrome上的效果,圖片文字都沒問題
微信上面效果,圖片沒問題,但是文字沒有自動換行。
這個bug只有在微信內(nèi)置瀏覽器或Android Browser才會出現(xiàn),測試chrome和蘋果上沒有問題,請問如何解決?
ps:微信內(nèi)置瀏覽器內(nèi)核是使用的操作系統(tǒng)瀏覽器內(nèi)核吧?
問題解答
回答1:微信使用的是X5內(nèi)核吧
回答2:代碼沒有問題,p元素也沒有設(shè)置高度,估計(jì)還是和x5 webview有關(guān)。ps:基于webview開發(fā)頁面很多坑
回答3:我覺得這種問題,就是騰訊X5內(nèi)核的問題,對一些css3的解析不符合標(biāo)準(zhǔn)?不想糾結(jié)了。
回答4:加上背景~應(yīng)該可以
相關(guān)文章:
1. nignx - docker內(nèi)nginx 80端口被占用2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. 關(guān)于docker下的nginx壓力測試4. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?5. mac里的docker如何命令行開啟呢?6. docker容器呢SSH為什么連不通呢?7. docker start -a dockername 老是卡住,什么情況?8. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件9. docker gitlab 如何git clone?10. macos - mac下docker如何設(shè)置代理

網(wǎng)公網(wǎng)安備