文章详情页
css3 - 微信前端页面遇到的transition过渡动画的bug
浏览：316日期：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. html5 - javascript写业务有用到什么编程范式没？2. 用CSS3 box-sizing 属性实现两个并排的容器，如果想让容器中间有间隔该如何实现3. javascript - vue 手机端项目在进入主页后 在进入子页面，直接按返回出现空白情况4. javascript - jQuery post()方法，里面的请求串可以转换为GBK编码么？可以的话怎样转换？5. javascript - nodejs调用qiniu的第三方资源抓取，返回401 bad token，为什么6. html5 - vue-cli 装好了 新建项目的好了，找不到项目是怎么回事？7. python3.x - python 中的maketrans在utf-8文件中该怎么使用8. javascript - immutable配合react提升性能？9. javascript - 一排三个框，各个框的间距是15px,距离外面的白框间距也是15px，这个css怎么写？10. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();
排行榜
网公网安备