在做一个微信移动端页面的时候遇到这么个问题，
简单描述一下，就是：
页面左侧有一个侧滑菜单，我需要实现菜单滑出来之后，页面内容左边增加内部白，相当于页面宽度压缩一部分。
现在效果是，如果页面中文字太多，菜单滑出来之后文字不会自动换行，直接超出后隐藏了的效果。
我想实现文字也会自动换行，不知该如何解决。
问题描述有点啰嗦，直接给出demo链接吧（扫码可以再微信上看效果）：transition过渡动画bug
补充一下效果截图对比。
chrome上的效果，图片文字都没问题
微信上面效果，图片没问题，但是文字没有自动换行。
这个bug只有在微信内置浏览器或Android Browser才会出现，测试chrome和苹果上没有问题，请问如何解决？
ps:微信内置浏览器内核是使用的操作系统浏览器内核吧？
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
WeChat uses the X5 kernel, right?
There is no problem with the code, and the height of the p element is not set. It is probably related to the x5 webview. ps: There are many pitfalls in developing pages based on webview
I think this problem is a problem with the Tencent X5 kernel. The parsing of some CSS3 does not meet the standards?
I don’t want to get entangled anymore.
Add a background~ It should be OK