阅读(4704)
赞(1)
媒体
2017-05-24 04:56:07 更新
MDUI 针对图片和视频定义了一些类，可以使其具有响应式特性，和一些预定义样式。
相关资源
图片
响应式
在 img 标签上添加类 .mdui-img-fluid 可以使图片自适应它的父元素的宽度。
圆角图片
在 img 标签上添加类 .mdui-img-rounded 使图片具有圆角。
圆形图片
在 img 标签上添加类 .mdui-img-circle 使图片变成圆形。
视频
响应式嵌入式视频
在嵌入式视频的父元素上添加类 .mdui-video-container 使视频自适应父元素的宽度。
响应式 HTML5 视频
在 video 标签上添加类 .mdui-video-fluid 使视频自适应父元素的宽度。
CSS 类名列表
| 类名 | 效果 |
| .mdui-img-fluid | 响应式图片 |
| .mdui-img-rounded | 圆角图片 |
| .mdui-img-circle | 圆形图片 |
| .mdui-video-container | 响应式嵌入式视频 |
| .mdui-video-fluid | 响应式 HTML5 视频 |
← 图标