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%; }
}