隨著移動(dòng)開(kāi)發(fā)熱潮的興起,已經(jīng)有越來(lái)越多的公司將移動(dòng)端的開(kāi)發(fā)列為核心,其中不論是webapp還是手機(jī)頁(yè)面都是如此,在開(kāi)發(fā)的過(guò)程中就涉及到了一個(gè)web響應(yīng)式圖片的問(wèn)題,這里我們就來(lái)探討一下響應(yīng)式圖片的實(shí)現(xiàn)
一、簡(jiǎn)單的響應(yīng)式圖片實(shí)現(xiàn)
最簡(jiǎn)單的圖片響應(yīng)式的實(shí)現(xiàn)就是通過(guò)限定圖片的長(zhǎng)寬的像素值,并把圖片的寬度設(shè)置為100%,然后把高度設(shè)置為auto.
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"