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