文章详情页
css3 - 微信前端页面遇到的transition过渡动画的bug
浏览：273日期：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. java - mybatis怎么实现在数据库中有就修改,没有就添加2. MYSQL新建用户设置可以远程访问的问题3. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题4. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）5. angular.js - angularjs的自定义过滤器如何给文字加颜色？6. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题！7. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？8. mysql - SQL操作时间的函数?9. mysql - 我的myeclipse一直连显示数据库连接失败，不知道为什么10. mysql 为何insert的时候会有lock wait timeout 异常
排行榜
![$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题](http://www.haobala.com/attached/image/news/202205/093622cb60.png)
网公网安备