css - Chrome (Android) 和 Safari 上的网站徽标混乱

Question

我刚刚将我的网站移至 Genesis 2.0，并且我正在使用 bone stock genesis。它在桌面（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;
}

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