网站在 Safari 中完全崩溃

Question

我注意到了一些非常奇怪的事情；我的网站 (http://wizztune.com) 在 Chrome 和 Firefox 中看起来绝对和完全正常，但在 Safari 中损坏并且某些部分丢失。此外，Safari 将我的 "position: fixed" 属性视为被忽略了。有很多东西似乎坏了；知道这是为什么吗？如果我有什么办法可以在不重写样式表的每一行的情况下修复它？

屏幕截图 - 另请注意，Safari 在第二张屏幕截图中省略了页面的几个部分，并破坏了第四张屏幕截图中的 "fixed" 元素：

http://wizztune.com/wt_chrome.png

http://wizztune.com/wt_safari.png

http://wizztune.com/wt_chrome2.png

http://wizztune.com/wt_safari2.png

谢谢，任何帮助将不胜感激！

Answer 1

那是 Windows 的 Safari，那个项目很多年前就被放弃了。 Mac，您的网站在 Safari 上看起来完全没问题。别担心。

所以Chrome和Safari共享同一个引擎WebKit，虽然前阵子Chrome切换到Blink，但仍然是WebKit（瘦身版）。理想情况下，如果该站点在 Chrome 上运行良好，那么它在 Safari 上通常也可以正常运行（我不是在谈论旧版本）。

还有一件事：Chrome 是 CSS 前缀免费的，但是 Safari 可能需要 -webkit* 前缀才能获得一些尖端功能。如果需要，您可以在 http://caniuse.com/ or Mozilla https://developer.mozilla.org/ 上快速找到。