这是由于浏览器差异引起的问题吗(见正文)

2018-11-19 15:27:24 +08:00
 caopi

我在 vue 里使用 perspective 和 transform3D 实现堆叠的卡片效果。

在谷歌和 QQ 浏览器里的开发工具里表现正常,但是在火狐浏览器里却一开始没有动画渲染 3D 效果,而且堆叠的卡片被隐藏了。

在 QQ 浏览器里假如设置了 display:block 这些卡片也会向下移动,其他浏览器却不会

我已经使用 normalize.css 了,但是这种浏览器差异要如何抹平呢?这种是浏览器差异问题吗

1003 次点击
所在节点    问与答
5 条回复
caopi
2018-11-19 17:32:33 +08:00
很不解。。。
SakuraKuma
2018-11-19 17:34:59 +08:00
https://caniuse.com/#search=perspective

上 autoprefixer,再不行没办法。
caopi
2018-11-19 17:38:48 +08:00
@SakuraKuma 我用的 vue-cli 自带 autoprefixer ?
SakuraKuma
2018-11-19 17:40:30 +08:00
@caopi 你看下已经有前缀没,有还不行那么看看 firefox 版本。
上面网址列出了支持程度的了。
caopi
2018-11-19 17:53:11 +08:00
@SakuraKuma 63 是支持的啊,倒是没给我加前缀

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/509283

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX