文章詳情頁
css3 - 微信前端頁面遇到的transition過渡動畫的bug
瀏覽：198日期：2022-06-25 09:02:37
問題描述
在做一個微信移動端頁面的時候遇到這么個問題，簡單描述一下，就是：頁面左側有一個側滑菜單，我需要實現菜單滑出來之后，頁面內容左邊增加內部白，相當于頁面寬度壓縮一部分。現在效果是，如果頁面中文字太多，菜單滑出來之后文字不會自動換行，直接超出后隱藏了的效果。我想實現文字也會自動換行，不知該如何解決。
問題描述有點啰嗦，直接給出demo鏈接吧（掃碼可以再微信上看效果）：transition過渡動畫bug
補充一下效果截圖對比。
chrome上的效果，圖片文字都沒問題
微信上面效果，圖片沒問題，但是文字沒有自動換行。
這個bug只有在微信內置瀏覽器或Android Browser才會出現，測試chrome和蘋果上沒有問題，請問如何解決？
ps:微信內置瀏覽器內核是使用的操作系統瀏覽器內核吧？
問題解答
回答1：微信使用的是X5內核吧
回答2：代碼沒有問題，p元素也沒有設置高度，估計還是和x5 webview有關。ps:基于webview開發頁面很多坑
回答3：我覺得這種問題，就是騰訊X5內核的問題，對一些css3的解析不符合標準？不想糾結了。
回答4：加上背景~應該可以
標簽：
微信
相關文章：
1. php - 請問大批量數據處理，如何分割？2. html5和Flash對抗是什么情況？3. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)4. javascript - vue過渡效果 css過渡 類名的先后順序5. css右浮動字的順序顛倒了6. 數據庫 - Mysql的存儲過程真的是個坑！求助下面的存儲過程哪里錯啦，實在是找不到哪里的問題了。7. ios - 類似微博首頁，一張圖的時候是如何確定圖大小的？8. javascript - vuejs+elementui 購物車價格計算，點擊加減號修改數量總價都不會改變，但是計算執行了9. javascript - 如何使用loadash對[object,object,object]形式的數組進行比較10. javascript - 我是做web前端的，公司最近有一個項目關于數據統計的！
排行榜
網公網安備