网站在 Safari 中完全崩溃

Question

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

屏幕截图 - 另请注意，Safari 在第二张屏幕截图中遗漏了页面的一些部分，并破坏了第四张截图中的“固定”元素：

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/ 或 Mozilla https://developer.mozilla.org/ 上快速找到。