調整媒體查詢處理iphone 5

Question

我有一個網頁，適當顯示iphone 6。有沒有一種簡單的方法來調整iphone 5的媒體查詢的屏幕尺寸，所以一切都會適當縮小？

我知道如何觸發一個Iphone 5的CSS，我正在尋找的是一種輕鬆設置CSS的方法，因此它只是一個CSS命令，用於重新格式化iPhone 5.假設您已經爲所有Iphone 6，我們可以設置Iphone 5縮小的寬度，並且一切都自動縮小？

Answer 1

僅適用於iPhone 5（肖像模式）

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) 
{ 
    ... 
} 

僅適用於iPhone 5（橫向模式）

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:landscape) 
{ 
    ... 
} 

另一個有用的媒體特性是

device-aspect-ratio 

請注意，iPhone 5沒有16：9的寬高比。實際上是40:71。

iPhone 5: 
@media screen and (device-aspect-ratio: 40/71) {}