Retina徽标在iPhone 5纵向模式下缩放？

Question

我的视网膜徽标在纵向模式下无法在iPhone 5上运行：它有点模糊。在横向它工作正常，也许它在纵向模式下缩放？

这是网址：stefaanoyen.be

这是我的CSS：

.title-area {
    float: left;
    overflow: hidden;
    width: 35%;
    height: 140px;
    background: url(images/logo.png) no-repeat center left;
    margin-left: 20px;
}

@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) {
    .title-area {   
        background: url(images/logo@2x.png)  no-repeat center left;
        background-size: 391px 75px;
    }
}

Answer 1

您的相对宽度为width: 35%;，这意味着如果其父级宽度不是固定值，它将会更改。