MIP 組件支持的各種布局，可以讓圖片屏幕自適應(yīng)、定高等。讓我們看看下面的詳細(xì)說明。

支持的布局種類

使用

MIP 元素添加屬性 layout，取值參照上面的種類

<mip-img 
    layout="responsive" 
    width="350" 
    height="263" 
    popup="" 
    alt="baidu mip img" 
    src="http://ztd00.photos.bdimg.com/ztd/w%3D350%3Bq%3D70/sign=e3bb1c4b97ef76c6d0d2fd2ead2d8cc7/f703738da9773912b57d4b0bff198618367ae205.jpg">
</mip-img>

layout 屬性缺省規(guī)則

layout 默認(rèn)值

所有MIP元素都會有l(wèi)ayout。由于移動端的設(shè)計大部分是塊狀的，所以默認(rèn)的layout是container，類似于div。如果有其它的樣式需求，如inline、inline-block。可通過樣式覆蓋的方式修改元素display等