文章詳情頁
css3 - 微信前端頁面遇到的transition過渡動畫的bug
瀏覽：175日期：2022-06-25 09:02:37
問題描述
在做一個微信移動端頁面的時候遇到這么個問題，簡單描述一下，就是：頁面左側有一個側滑菜單，我需要實現菜單滑出來之后，頁面內容左邊增加內部白，相當于頁面寬度壓縮一部分。現在效果是，如果頁面中文字太多，菜單滑出來之后文字不會自動換行，直接超出后隱藏了的效果。我想實現文字也會自動換行，不知該如何解決。
問題描述有點啰嗦，直接給出demo鏈接吧（掃碼可以再微信上看效果）：transition過渡動畫bug
補充一下效果截圖對比。
chrome上的效果，圖片文字都沒問題
微信上面效果，圖片沒問題，但是文字沒有自動換行。
這個bug只有在微信內置瀏覽器或Android Browser才會出現，測試chrome和蘋果上沒有問題，請問如何解決？
ps:微信內置瀏覽器內核是使用的操作系統瀏覽器內核吧？
問題解答
回答1：微信使用的是X5內核吧
回答2：代碼沒有問題，p元素也沒有設置高度，估計還是和x5 webview有關。ps:基于webview開發(fā)頁面很多坑
回答3：我覺得這種問題，就是騰訊X5內核的問題，對一些css3的解析不符合標準？不想糾結了。
回答4：加上背景~應該可以
標簽：
微信
相關文章：
1. Python如何播放還存在StringIO中的MP3?2. javascript - 請教如何獲取百度貼吧新增的兩個加密參數3. （python)關于如何做到按win+R再輸入文件文件名就可以運行？4. Python爬蟲如何爬取span和span中間的內容并分別存入字典里？5. python - 編碼問題求助6. python - 關于計算日期的問題7. 網頁爬蟲 - Python 爬蟲中如何處理驗證碼？8. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處9. mysql 一個sql 返回多個總數10. mysql - 如何減少使用或者不用LEFT JOIN查詢？
排行榜
網公網安備