最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
MIP组件布局有哪些 MIP组件布局怎么使用
时间：2016-12-16 编辑：简简单单 来源：一聚教程网
支持的布局种类
| 类别 | 强制 width | 强制 height | 详细说明 |
|---|---|---|---|
| responsive | 是 | 是 | 能够根据width、height的值，算出元素对应的比例，在不同屏幕宽度上做自适应，非常适合图片、视频等需要大小自适应的组件 |
| fixed-height | 否 | 是 | 元素的高度固定,width缺省或者取值为auto，比较适合 mip-carousel |
| fill | 否 | 否 | 元素的大小根据父节点的大小自动撑开 |
| container | 否 | 否 | 元素的大小由他们的子节点大小决定,类似 html 的 div |
| nodisplay | 否 | 否 | 元素不展现，即 display 为 none；这种元素可应用于：他自身展现依赖用户的点击等行为的触发 |
| fixed | 是 | 是 | 元素根据 width 和 height 固定高宽，不随 media 变化 |
使用
MIP 元素添加属性 layout，取值参照上面的种类
layout="responsive" popup="" alt="baidu mip img" src="http://www.111com.net//get_pic/upload/image/20161216231233.jpg"> 所有MIP元素都会有layout。由于移动端的设计大部分是块状的，所以默认的layout是container，类似于div。如果有其它的样式需求，如inline、inline-block。可通过样式覆盖的方式修改元素display等layout 属性缺省规则
width height 其他属性 默认布局 有 有 无 fixed 有 有 存在sizes 参数 responsive 无或取值为 auto 有 无 fixed-height 无 无 无 container layout 默认值
-
上一个： MIP组件有哪些 MIP组件概述
-
下一个： mip-carousel 多图轮播
相关文章
- 无线网连接提示没有有效的IP配置解决方法 03-08
- javascript实现下雨效果 07-28
- javascript实现圣旨卷轴展开效果（代码分享） 07-20
- JavaScript实现星星等级评价功能 07-14
- javascript实现滑动解锁功能 07-14
- 十大热门的JavaScript框架和库 07-13