网站徽标在Chrome（Android）和Safari上搞砸了

Question

我刚刚将我的网站移至Genesis 2.0，而我正在使用骨骼来源。它在桌面上运行得很好（Chrome，FireFox）。但是在Android（在Galaxy S4和Galaxy Nexus上测试）和Chrome上，徽标都搞砸了。这是它的外观：

这就是它的外观：

但是，它在Android上的FireFox上运行良好。

任何帮助都将受到高度赞赏。

更新：刚刚在iPhone 5和Safari上测试过。同样的问题。

Answer 1

我无法对此进行测试，但此处的代码看起来很可疑：

.header-image .site-header .wrap {
    background: url(images/logo@2x.png) no-repeat left;
    background-size: 320px 164px;
}

背景大小规则可以创建您看到的拉伸效果。