near_me
Démarrage
keyboard_arrow_downlayers
Style
keyboard_arrow_downwidgets
Composants
keyboard_arrow_downlocal_mall
Ressources
keyboard_arrow_downmdui 2 est arrivé, basé sur Material Design 3 et les Web Components. Consultez la documentation de mdui 2 ici.
Médias
mdui définit certaines classes pour les images et les vidéos, qui peuvent leur donner des caractéristiques responsives et quelques styles prédéfinis.
Lecture associée
Image
Responsive
Ajouter la classe .mdui-img-fluid à la balise img pour faire en sorte que l'image s'adapte à la largeur de son élément parent.
Image arrondie
Ajouter la classe .mdui-img-rounded à la balise img pour donner à l'image des coins arrondis.
Vidéo
Vidéo embarquée responsive
Ajouter la classe .mdui-video-container à l'élément parent d'une vidéo embarquée pour faire en sorte que la vidéo s'adapte à la largeur de l'élément parent.
Exemple
<div class="mdui-video-container">
<iframe
height="498"
width="510"
src="https://player.youku.com/embed/XNzUwOTk5MzE2"
frameborder="0"
allowfullscreen
></iframe>
</div>Vidéo HTML5 responsive
Ajouter la classe .mdui-video-fluid à la balise video pour faire en sorte que la vidéo s'adapte à la largeur de son élément parent.
Exemple
<video class="mdui-video-fluid" controls>
<source src="video.mp4" type="video/mp4" /></video
>