Логотип Retina масштабируется в портретном режиме iPhone 5?

Question

Мой логотип сетчатки не работает на iPhone 5 в портретном режиме: он немного размыт. В альбомной ориентации работает нормально, может масштабируется в портретном режиме?

Это URL: 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/[e-mail])  no-repeat center left;
        background-size: 391px 75px;
    }
}

Answer 1

У вас есть относительная ширина width: 35%;, это означает, что он изменится, если ширина его родителя не является фиксированным значением.