CSS實現寬度自適應100%，寬高16:9的比例的圖片或者矩形

前言 圖片的大小是多少，寬度一定，高度要始終自自適應爲16:9。   解決 1通過js，程序算出絕對高度再進行設置。這是解決問題最容易想到的方法。 2.我們的原則是能用css實現的功能儘量用css，這有利於後期項目的維護。 css同樣可以實現這個問題，我們可以利用邊距的百分比屬性定義來優雅實現。   我們通過百分比設置寬度，根據寬度的比例數值*9/16，計算出高度的百分比數值， 設置內邊距爲高度的

>>阅读原文<<