响应式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

试试 我打电话6媒体查询

$listCat