网站标题与Chrome浏览器相比在Chrome浏览器中显示的不同

Question

我在我的Windows PC上创建了一个网站，并且我注意到标题在Mac上的Safari浏览器中看起来不正确，但在Chrome中可用。我没有用于开发的Mac，并且想知道我需要修复的是什么。您会注意到标题和幻灯片之间存在差异，并且页标题存在问题。

这里是网站，我的投资组合的网站暂时一部分，而它的开发：http://wjhdevelopment.uk/Shed%20-%20New/index.html（原谅现在的坏URL）

此外，如果任何人有这将不胜感激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顶部和边缘顶部。

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