网站布局在Safari中无法正常运行

Question

就像标题所说的那样，我的网站布局在所有其他浏览器上看起来都很好，各种缩放，大小和不是，但在Safari中没有。

根据W3Cs验证器，网站遵守HTML5和CSS3标准，我自己也无法发现任何错误。

网站位于：http://www.kehza.co.uk/Arcade

这是非常基本的atm，我希望布局能够在我进步之前在所有浏览器上运行。 （早点抓住bug）。

编辑： -

在某些缩放的Safari中，页面底部会出现大量的空白区域，边框也会大量不合适。

查看图片以获得差异谢谢:)

Answer 1

最新版本的Safari for Windows是5.1.7，但您使用的某些CSS标记需要Safari 7.0。一个例子是#wrapper元素的box-shadow。这就是为什么网站无法在Windows版本的Safari中正确显示。

来源：http://caniuse.com/#search=webkit-box-shadow。

据传，Apple已经放弃了Windows上的Safari开发。您可能想要确定该网站将支持哪些旧版Safari。如果您计划使用CSS3的功能，那么您将需要在OSX平台上提供的Safari浏览器的更高版本中测试该网站。