iphone 5を処理するようにメディアクエリを調整する

Question

iphone 6用に適切に表示されるWebページがあります。iphone 5のメディアクエリで画面サイズを調整する簡単な方法はありますか？

私が探しているのは、iphone 5用にCSSをトリガーする方法を知っています。簡単にCSSを設定する方法ですので、iphone 5用に再フォーマットするコマンドは1つだけです。私はちょうど私が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) {}