Отзывчивый образ CSS не соответствует на устройствах

Question

Я хотел создать отзывчивый веб-сайт, и я использовал медиа-запрос.

Одна вещь, которую я не понимаю, iPhone 6 и LG G5 имеют другой размер изображения. То, что я выяснил, - это размер изображения устройства для Android.

Это проблема с 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

Попробуйте с I телефона 6 медиа Query

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

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