搜尋

首頁  >  問答  >  主體

css3 - 微信前端页面遇到的transition过渡动画的bug

在做一个微信移动端页面的时候遇到这么个问题,
简单描述一下,就是:
页面左侧有一个侧滑菜单,我需要实现菜单滑出来之后,页面内容左边增加内部白,相当于页面宽度压缩一部分。
现在效果是,如果页面中文字太多,菜单滑出来之后文字不会自动换行,直接超出后隐藏了的效果。
我想实现文字也会自动换行,不知该如何解决。

问题描述有点啰嗦,直接给出demo链接吧(扫码可以再微信上看效果):transition过渡动画bug

补充一下效果截图对比。

chrome上的效果,图片文字都没问题


微信上面效果,图片没问题,但是文字没有自动换行。

这个bug只有在微信内置浏览器或Android Browser才会出现,测试chrome和苹果上没有问题,请问如何解决?

ps:微信内置浏览器内核是使用的操作系统浏览器内核吧?

黄舟黄舟2783 天前700

全部回覆(4)我來回復

  • PHP中文网

    PHP中文网2017-04-17 11:14:42

    微信使用的是X5內核吧

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:14:42

    代碼沒有問題,p元素也沒有設置高度,估計還是和x5 webview有關。ps:基於webview開發頁麵很多坑

    回覆
    0
  • ringa_lee

    ringa_lee2017-04-17 11:14:42

    我覺得這種問題,就是騰訊X5內核的問題,對一些css3的解析不符合標準?
    不想糾結了。

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:14:42

    加上背景~應該可以

    回覆
    0
  • 取消回覆