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%;，這意味着如果它的父的寬度不是一個固定值，它會改變。