为啥我的设计元素在所有浏览器中看起来都不同？更新[关闭]

Posted 2023-03-06

【中文标题】为啥我的设计元素在所有浏览器中看起来都不同？更新[关闭]

【英文标题】：Why does my design elements look different in all browsers? UPDATE [closed]为什么我的设计元素在所有浏览器中看起来都不同？更新[关闭]

【发布时间】：2013-03-03 10:36:04

【问题描述】：

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

我有四个内容框，但它们在 chrome 和 苹果浏览器。我用过这些盒子。如果有人可以看看 在这里看看我做错了什么。

【问题讨论】：

我打赌你没有使用 CSS 重置

不要发布指向您问题的“实时”版本的链接。一旦你解决了问题，这些链接就没有任何意义了。贴出实际代码，精简到具体问题。

我同意，我查看了 chrome 和 safari 中的框，它们看起来完全一样。

感谢。我必须包含一个 CSS 重置 - 太好了！

@user2162729 Bootstrap 带有 Normalize，这是一个重置。您不需要添加另一个。请参阅：twitter.github.com/bootstrap/scaffolding.html#global

【参考方案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 等）不识别 (more info on caniuse.com)。添加动画属性的供应商前缀变体或将其完全删除以使其一致。