問(wèn)題描述

在做一個(gè)微信移動(dòng)端頁(yè)面的時(shí)候遇到這么個(gè)問(wèn)題，簡(jiǎn)單描述一下，就是：頁(yè)面左側(cè)有一個(gè)側(cè)滑菜單，我需要實(shí)現(xiàn)菜單滑出來(lái)之后，頁(yè)面內(nèi)容左邊增加內(nèi)部白，相當(dāng)于頁(yè)面寬度壓縮一部分。現(xiàn)在效果是，如果頁(yè)面中文字太多，菜單滑出來(lái)之后文字不會(huì)自動(dòng)換行，直接超出后隱藏了的效果。我想實(shí)現(xiàn)文字也會(huì)自動(dòng)換行，不知該如何解決。

問(wèn)題描述有點(diǎn)啰嗦，直接給出demo鏈接吧（掃碼可以再微信上看效果）：transition過(guò)渡動(dòng)畫(huà)bug

補(bǔ)充一下效果截圖對(duì)比。chrome上的效果，圖片文字都沒(méi)問(wèn)題

微信上面效果，圖片沒(méi)問(wèn)題，但是文字沒(méi)有自動(dòng)換行。

這個(gè)bug只有在微信內(nèi)置瀏覽器或Android Browser才會(huì)出現(xiàn)，測(cè)試chrome和蘋(píng)果上沒(méi)有問(wèn)題，請(qǐng)問(wèn)如何解決？

ps:微信內(nèi)置瀏覽器內(nèi)核是使用的操作系統(tǒng)瀏覽器內(nèi)核吧？

問(wèn)題解答

微信使用的是X5內(nèi)核吧

代碼沒(méi)有問(wèn)題，p元素也沒(méi)有設(shè)置高度，估計(jì)還是和x5 webview有關(guān)。ps:基于webview開(kāi)發(fā)頁(yè)面很多坑

我覺(jué)得這種問(wèn)題，就是騰訊X5內(nèi)核的問(wèn)題，對(duì)一些css3的解析不符合標(biāo)準(zhǔn)？不想糾結(jié)了。

加上背景~應(yīng)該可以