网站完全破解Safari

时间:2015-03-22 16:37:13

标签: css html5 google-chrome safari cross-browser

我注意到一些非常奇怪的东西;我的网站(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

谢谢,非常感谢任何帮助!

1 个答案:

答案 0 :(得分:3)

这是针对Windows的Safari,该项目在很多年前就被放弃了。在Safari for Mac上,您的网站看起来完全没问题。别担心。

所以Chrome和Safari共享相同的引擎WebKit,虽然Chrome前一段时间切换到Blink,但它仍然是WebKit(更瘦的版本)。理想情况下,如果网站在Chrome上运行正常,它在Safari上通常也会很好(我不是在谈论旧版本)。

还有一件事:Chrome是免费的CSS前缀,但Safari可能需要-webkit *前缀来获得一些前沿功能。如果需要,您可以快速找到http://caniuse.com/或Mozilla https://developer.mozilla.org/