VIP福利
主页 > 建站问题 > 网站运营 > 百度mip-img图片详解 如何修改图片MIP

百度mip-img图片详解 如何修改图片MIP

百度mip-img 图片详解,我们先来看下完整的标签 mip-img layout = responsive width = 350 height = 263 popup alt = www.xhcss.com src = /st/images/logo-b.png / mip-img p class = mip-img-subtitle 带图片标题的类型/ p 注意这是一个闭合标签 layout layout为布局属性,默认为responsive,可选参数 responsive 能够根据width、he […]



百度mip-img 图片详解,我们先来看下完整的标签


<mip-img
    layout="responsive"
    width="350"
    height="263"
    popup 
    alt="www.xhcss.com"
    src="/st/images/logo-b.png">
</mip-img>
<p class="mip-img-subtitle">带图片标题的类型</p>
 

注意这是一个闭合标签

layout

layout为布局属性,默认为responsive,可选参数

responsive 能够根据width、height的值,算出元素对应的比例,在不同屏幕宽度上做自适应,非常适合图片、视频等需要大小自适应的组件

fixed-height 元素的高度固定,width缺省或者取值为auto,比较适合 mip-carousel

fill 元素的大小根据父节点的大小自动撑开

container  元素的大小由他们的子节点大小决定,类似 html 的 div

nodisplay 元素不展现,即 display 为 none;这种元素可应用于:他自身展现依赖用户的点击等行为的触发

fixed 元素根据 width 和 height 固定高宽,不随 media 变化

flex-item 元素通过 flex 进行布局,需设置父元素为display:flex


popup

图片是否可以点击查看,不要就不填

其他不多说了,不懂得可以查看网站建站教程


共有 条评论