css - メディアの機能が動作しませんか?

Question

私はほとんど問題がありません:

サイトのバージョンをIphone 5にします

しかし、このコード:

@media screen and (max-devise-width:568px) and (device-aspect-ratio:  2730/1000) and (-webkit-min-device-pixel-ratio: 2){
}

このコードは動作しません:

@media screen and (max-devise-width:568px)

device-aspect-ratio動作しますが、追加したい-webkit-min-device-pixel-ratio

Answer 1

あなたはmax-devise-widthで綴られていますs- それは である必要がありますdevice。

(これがコードを StackOverflow に再入力する際のエラーである場合は、それを行わないでください。常に実際のコードをコピーして貼り付けてください。)

Answer 2

これは、iPhone5 を対象とするときに書かれているのを通常見た方法です。

@media screen and (max-width:560px) and (device-aspect-ratio: 40/71) and (-webkit-min-device-pixel-ratio: 2) {}