Materialize CSS 提供了各种类来使媒体响应。
图像：图像可以通过以下方式进行样式设置：
响应式图像：为了使图像响应页面宽度，添加了带有图像标记的响应式 img 类。
圆形图像：为了使图像看起来圆形，使用图像标记添加圆形类。
This is a square image, "circle"
class is added to it to make it
appear circular.
例子：
Responsive Image
![]()
Circular Image
This is a square image,
"circle" class is added
to it to make it appear
circular.
输出：
视频： Materialize CSS 为嵌入式视频提供了一个容器，可以响应地调整大小。
响应式嵌入：要使嵌入响应式，只需将它们包装在具有视频容器类的 div 中。
响应式视频：要使 HTML5 视频响应式，只需将响应式视频类添加到视频标签。
例子：
Responsive Embeds
responsive Videos
输出：
