レスポンシブCSSイメージがデバイス上で一致しません

Question

私はレスポンシブウェブサイトを作りたいと思い、メディアクエリを使用しました。

私が分かりませんが、iPhone 6とLG G5の画像サイズは異なります。私が考えたことは、多くのアンドロイドデバイスの画像サイズは同じです。

これはIOSとAndroidに関する問題ですか？または私のコーディングが間違っていますか？

@media only screen and (max-width: 1920px) { 
    .btn{ 
     width:70px; 
     height: auto; 
    } 
} 

@media only screen and (max-width: 764px) { 
    .btn{ 
     width:50px; 
     height: auto; 
    } 
} 

@media only screen and (max-width: 364px) { 
    .btn{ 
     width:40px; 
     height: auto; 
    } 
} 

:)

Answer 1

を支援するためのおかげで

@media (max-width:667px){ /* do something here */ } /*landscape view*/ 

@media (max-width:375px){ /* do something here */ } /*portrait view*/