html - 为什么我的设计元素在所有浏览器中看起来都不同？更新

Question

忘了这是一个问答网站，而不是帮助论坛。我因这条消息被禁止了:(

我有四个内容框，但它们在 chrome 和 safari 中看起来并不相似。我用过这些盒子。如果有人可以看看这里，看看我做错了什么。

Answer 1

我在 main.css 的第 544 行注意到了这一点：

542    .ca-menu li:hover .ca-icon {
543      color: #Fff;
544*     animation: 300ms ease 0s normal none 1 moveFromBottom;
545    }

您正在使用 . 的非供应商前缀变体animation。Firefox 识别此属性，但 WebKit（chrome、safari 等）不识别（有关 caniuse.com 的更多信息）。添加动画属性的供应商前缀变体或将其完全删除以使其一致。