diff options
| author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-05 15:44:38 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-11-05 15:44:38 +0100 |
| commit | 79843297a1d97045c504575ab9a6a29b3af8ffae (patch) | |
| tree | ac5d42490285f37fb933ca83034505ecdd784dc9 /files/fr/web/css/min() | |
| parent | 086e7141b8da9a5c008353582b8f72d7b5cda5b4 (diff) | |
| download | translated-content-79843297a1d97045c504575ab9a6a29b3af8ffae.tar.gz translated-content-79843297a1d97045c504575ab9a6a29b3af8ffae.tar.bz2 translated-content-79843297a1d97045c504575ab9a6a29b3af8ffae.zip | |
Fixes #2842 - Fixing EmbedLiveSample errors for fr docs (#2851)
* Fixes #2842 for CSS pages
* Fixes #2842 for Web API pages
* Fixes #2842 for other sections
* Fix EmbedLiveSample for moved CSS page
* Fixes #2842 for conflicting / orphaned docs
Diffstat (limited to 'files/fr/web/css/min()')
| -rw-r--r-- | files/fr/web/css/min()/index.md | 26 |
1 files changed, 0 insertions, 26 deletions
diff --git a/files/fr/web/css/min()/index.md b/files/fr/web/css/min()/index.md index 5060118985..137a90ffc8 100644 --- a/files/fr/web/css/min()/index.md +++ b/files/fr/web/css/min()/index.md @@ -1,10 +1,6 @@ --- title: min() slug: Web/CSS/min() -tags: - - CSS - - Fonction - - Reference translation_of: Web/CSS/min() --- {{CSSRef}} @@ -37,28 +33,6 @@ Il est tout à fait possible de combiner des valeurs avec différentes unités d ## Exemples -### Garantir une taille maximale pour des images - -`min()` permet de simplifier la définition d'une taille **maximale**, par exemple la largeur d'une image. Dans cet exemple, la règle CSS permet d'obtenir un logo qui s'étire sur la moitié de la fenêtre pour les fenêtres les moins larges, sans dépasser 300 pixels et sans avoir à utiliser des requêtes média. - -#### CSS - -```css -.logo { - width: min(50vw, 300px); -} -``` - -#### HTML - -```html -<img src="https://developer.mozilla.org/static/img/web-docs-sprite.svg" alt="MDN Web Docs" class="logo"> -``` - -#### Résultat - -{{EmbedLiveSample('Garantir_une_taille_minimale_pour_des_images', '100%', '110')}} - ### Définir une taille maximale pour un champ de saisie et son libellé La fonction `min()` peut également être utilisée pour définir la taille maximale d'un contrôle dans un formulaire et permettre de réduire le champ et le libellé associé lorsque la largeur de l'écran diminue. |