CSS Device Adaptation

CSS Device Adapation est un module CSS qui permet de définir les dimensions, le facteur d'agrandissement et l'orientation de la zone d'affichage (viewport).

Référence

Règles @

Spécifications

Spécification État Commentaires
CSS Device Adaptation Version de travail Définition initiale.

Compatibilité des navigateurs

@viewport

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
@viewportChrome Aucun support 29 — 84
Notes Désactivée
Aucun support 29 — 84
Notes Désactivée
Notes See Chromium bug 235457.
Désactivée From version 29 until version 84 (exclusive): this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
Edge Support complet 12
Préfixée Désactivée
Support complet 12
Préfixée Désactivée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Désactivée From version 12: this feature is behind the Enable @-ms-viewport rules preference.
Firefox Aucun support Non
Notes
Aucun support Non
Notes
Notes See Firefox bug 747754.
IE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16
Désactivée
Support complet 16
Désactivée
Désactivée From version 16: this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
Aucun support 11.1 — 15
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -o-
Safari Aucun support Non
Notes
Aucun support Non
Notes
Notes See WebKit bug 95959.
WebView Android Aucun support 4.4 — 37Chrome Android Aucun support 29 — 84
Notes Désactivée
Aucun support 29 — 84
Notes Désactivée
Notes See Chromium bug 235457.
Désactivée From version 29 until version 84 (exclusive): this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
Firefox Android Aucun support Non
Notes
Aucun support Non
Notes
Notes See Firefox bug 747754.
Opera Android Support complet 16
Désactivée
Support complet 16
Désactivée
Désactivée From version 16: this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
Aucun support 11.1 — 14
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -o-
Safari iOS Aucun support Non
Notes
Aucun support Non
Notes
Notes See WebKit bug 95959.
Samsung Internet Android Support complet 2.0
height descriptorChrome Aucun support 29 — 84Edge Support complet 12
Préfixée
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16
Support complet 16
Aucun support 11.1 — 15
Safari Aucun support NonWebView Android Aucun support 4.4 — 37Chrome Android Aucun support 29 — 84Firefox Android Aucun support NonOpera Android Support complet 16
Support complet 16
Aucun support 11.1 — 14
Safari iOS Aucun support NonSamsung Internet Android Support complet 2.0
max-height descriptorChrome Aucun support 29 — 84Edge Support complet 12
Préfixée
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16
Support complet 16
Aucun support 11.1 — 15
Safari Aucun support NonWebView Android Aucun support 4.4 — 37Chrome Android Aucun support 29 — 84Firefox Android Aucun support NonOpera Android Support complet 16
Support complet 16
Aucun support 11.1 — 14
Safari iOS Aucun support NonSamsung Internet Android Support complet 2.0
max-width descriptorChrome Aucun support 29 — 84Edge Support complet 12
Préfixée
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16
Support complet 16
Aucun support 11.1 — 15
Safari Aucun support NonWebView Android Aucun support 4.4 — 37Chrome Android Aucun support 29 — 84Firefox Android Aucun support NonOpera Android Support complet 16
Support complet 16
Aucun support 11.1 — 14
Safari iOS Aucun support NonSamsung Internet Android Support complet 2.0
max-zoom descriptorChrome Aucun support 29 — 84Edge Support complet 12
Préfixée
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16Safari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support 29 — 84Firefox Android Aucun support NonOpera Android Support complet 16Safari iOS Aucun support NonSamsung Internet Android Support complet 2.0
min-height descriptorChrome Aucun support 29 — 84Edge Support complet 12
Préfixée
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16
Support complet 16
Aucun support 11.1 — 15
Safari Aucun support NonWebView Android Aucun support 4.4 — 37Chrome Android Aucun support 29 — 84Firefox Android Aucun support NonOpera Android Support complet 16
Support complet 16
Aucun support 11.1 — 14
Safari iOS Aucun support NonSamsung Internet Android Support complet 2.0
min-width descriptorChrome Aucun support 29 — 84Edge Support complet 12
Préfixée
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16
Support complet 16
Aucun support 11.1 — 15
Safari Aucun support NonWebView Android Aucun support 4.4 — 37Chrome Android Aucun support 29 — 84Firefox Android Aucun support NonOpera Android Support complet 16
Support complet 16
Aucun support 11.1 — 14
Safari iOS Aucun support NonSamsung Internet Android Support complet 2.0
min-zoom descriptorChrome Aucun support 29 — 84Edge Support complet 12
Préfixée
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16Safari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support 29 — 84Firefox Android Aucun support NonOpera Android Support complet 16Safari iOS Aucun support NonSamsung Internet Android Support complet 2.0
orientation descriptorChrome Aucun support NonEdge Aucun support 12 — 79
Préfixée
Aucun support 12 — 79
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support 11.1 — 14
Préfixée
Aucun support 11.1 — 14
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -o-
Safari iOS Aucun support NonSamsung Internet Android Aucun support Non
user-zoom descriptorChrome Aucun support 29 — 84Edge Support complet 12
Préfixée
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16Safari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support 29 — 84Firefox Android Aucun support NonOpera Android Support complet 16Safari iOS Aucun support NonSamsung Internet Android Support complet 2.0
viewport-fit descriptorChrome Aucun support NonEdge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
width descriptorChrome Aucun support 29 — 84Edge Support complet 12
Préfixée
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16
Support complet 16
Aucun support 11.1 — 15
Safari Aucun support NonWebView Android Aucun support 4.4 — 37Chrome Android Aucun support 29 — 84Firefox Android Aucun support NonOpera Android Support complet 16
Support complet 16
Aucun support 11.1 — 14
Safari iOS Aucun support NonSamsung Internet Android Support complet 2.0
zoom descriptorChrome Aucun support 29 — 84Edge Support complet 12
Préfixée
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16Safari Aucun support NonWebView Android Aucun support 4.4 — 37Chrome Android Aucun support 61 — 84Firefox Android Aucun support NonOpera Android Support complet 16Safari iOS Aucun support NonSamsung Internet Android Support complet 8.0

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.