适用于Android设备的仅限媒体屏幕

Question

我正在使用以下媒体屏幕查询来正确显示图像，因为iPhone / ipad工作正常。但是我不知道我应该为andriod手机做什么？它以原始形式显示图像？

/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    img { max-width: 100%; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    img { max-width: 100%; }
}

@media print {
    img { max-width: 100%; }
}

Answer 1

试试这个

/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    img { max-width: 100%; }
}

@media only screen and (min-device-width : 480px) and (max-device-width : 640px) {
    img { max-width: 100%; }
}

@media only screen and (min-device-width : 640px) and (max-device-width : 768px) {
    img { max-width: 100%; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    img { max-width: 100%; }
}


@media print {
    img { max-width: 100%; }
}