与Chrome相比，Safari中的网站标题显示不同

Question

我在我的Windows PC上创建了一个网站，我注意到在Mac上的safari中标题看起来并不正常但在Chrome中有效。我没有开发用的mac，想知道我需要修复什么。您会注意到标题和幻灯片显示之间存在差距，并且页面标题存在问题。

这是该网站，暂时是我的投资组合网站的一部分，正在开发中：http://wjhdevelopment.uk/Shed%20-%20New/index.html（暂时不好的网址）

此外，如果有人有任何好的方法开发在Windows上的safari，将不胜感激。感谢

Answer 1

  

你可以使用javascript，如果浏览器是safari，那么就这样做。

 var a = navigator.appname
    var b= navigator.appversion
if(a==safari){
css code for changes in webside
}

Answer 2

删除.header高度。还有你的.content top和margin-top。

你的标题大于150，所以你不需要它。如果没有高度限制，您的内容修复也会过时。