前段时间，有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象，但是我在Mac和Win下面的Chrome都无法重现这个问题，后来重装了一遍Win7下的Chrome Beta版本，终于重现了这个问题，正好研究解决下&
问题主要集中于淘宝首页吊顶以及左侧服务栏处，鼠标移过整个页面会闪动一次，Refresh和Reopen无法重现，只有当首次打开淘宝首页才会出现&
问题重现：
如果想查看此问题请访问
问题定位：
我的第一感觉是鼠标移动时触发了某些JS，导致页面重新加载了一遍从而出现闪动，但是使用Chrome控制台监测Network状态，发现页面闪动并不会额外发送请求，这就排除了JS的问题。再检查下这两个地方的CSS源码：
#site-nav .menu-hd b {&-webkit-transition: -webkit-transform .2s ease-&}
.product-main s {&-webkit-transition: all .2s ease-in-&}
上述两个地方都使用了，那是不是这个Transition导致的问题？由于Refresh和Reopen页面都无法重现，只有当首次打开淘宝首页才会出现，最便捷的办法就是使用的功能来在线调试代码，于是我尝试将CSS代理到本地并去除-webkit-transition: all .2s ease-in-属性，关闭浏览器后再次访问淘宝首页发现问题解决了，反向恢复属性后执行上述操作，Bug再次重现&看来我好像找到原因了，但是为什么是它？
寻找解决方案：
Google关键字&Chrome transition blink&和&Chrome transition bug&发现网上已经有很多人注意到这个问题，推测为Chrome在初始渲染CSS动画时产生的Bug，虽然暂时无法考证这个问题的根本原因，但是目前已知的解决方案有两条：
& & & &-webkit-transform:translate3d(0,0,0); &开启硬件加速
-webkit-backface-visibility:（）
-webkit-transform-style: preserve-3d;&（）
阅读(...) 评论()请完成以下验证码
查看: 5519|回复: 6
淘宝首页上的字变成乱码了
之前是76m，现在更新到102m，登录淘宝账号，一些字都变成了方框，点击那个字能正常打开网页，不过看着别扭啊。重置浏览器设置也不行。
1.jpg (42.4 KB, 下载次数: 0)
12:22 上传
2.jpg (49.32 KB, 下载次数: 0)
12:22 上传
3.jpg (25.29 KB, 下载次数: 1)
12:22 上传
善用搜索，论坛里有这种情况，是修改字体的原因~~lz检查一下，不要指定全局字体
楼上正解，是字体的问题，之前全局雅黑也出了这个问题
看看custom.css
善用搜索，论坛里有这种情况，是修改字体的原因~~lz检查一下，不要指定全局字体
谢谢，已经解决了，是强制使用微软雅黑字体的问题
楼主你可以用一下这个扩展哦，挺不错的，可以避免上面的问题，字体还能变得好看~ /webstore/detail/%E6%9B%BF%E6%8D%A2%E5%AD%97%E4%BD%93%E7%9A%84%E4%B8%AD%E6%96%87%E9%83%A8%E5%88%86%E4%B8%BA%E9%9B%85%E9%BB%91/enpkigfhoabjjjonanmddidnnahopmcn& &
谢谢，已经解决了，是强制使用微软雅黑字体的问题
如何解决的？楼主~
如何解决的？楼主~
Copyright & KaFan & All Rights Reserved.
Powered by Discuz! X3.3( 苏ICP备号 ) GMT+8,