媒體

MDUI 針對圖片和視頻定義了一些類，可以使其具有響應(yīng)式特性，和一些預(yù)定義樣式。

相關(guān)資源

Material Design 圖像設(shè)計(jì)規(guī)范

圖片

響應(yīng)式

在 img 標(biāo)簽上添加類 .mdui-img-fluid 可以使圖片自適應(yīng)它的父元素的寬度。

在線運(yùn)行

圓角圖片

在 img 標(biāo)簽上添加類 .mdui-img-rounded 使圖片具有圓角。

在線運(yùn)行

圓形圖片

在 img 標(biāo)簽上添加類 .mdui-img-circle 使圖片變成圓形。

在線運(yùn)行

視頻

響應(yīng)式嵌入式視頻

在嵌入式視頻的父元素上添加類 .mdui-video-container 使視頻自適應(yīng)父元素的寬度。

在線運(yùn)行

響應(yīng)式 HTML5 視頻

在 video 標(biāo)簽上添加類 .mdui-video-fluid 使視頻自適應(yīng)父元素的寬度。

在線運(yùn)行

CSS 類名列表