near_me
Getting Started
keyboard_arrow_downlayers
Style
keyboard_arrow_downwidgets
Components
keyboard_arrow_downlocal_mall
Resources
keyboard_arrow_downThe new mdui 2 based on Material Design 3 and Web Components is now available. Check out the mdui 2 documentation.
Media
mdui defines some classes for images and videos that can give them responsive characteristics and some predefined styles.
Related Reading
Image
Responsive
Add class .mdui-img-fluid to the img tag to make the image adapt to the width of its parent element.
Video
Responsive embedded video
Add class .mdui-video-container to the parent element of an embedded video to make the video adapt to the width of the parent element.
Example
<div class="mdui-video-container">
<iframe
height="498"
width="510"
src="https://player.youku.com/embed/XNzUwOTk5MzE2"
frameborder="0"
allowfullscreen
></iframe>
</div>Responsive HTML5 video
Add class .mdui-video-fluid to the video tag to make the video adapt to the width of its parent element.
Example
<video class="mdui-video-fluid" controls>
<source src="video.mp4" type="video/mp4" /></video
>