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 AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simpleChrome Support complet 29
Notes Désactivée
Support complet 29
Notes Désactivée
Notes See Chromium bug 235457.
Désactivée From version 29: this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
Edge Support complet Oui
Préfixée Désactivée
Support complet Oui
Préfixée Désactivée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Désactivée 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 Support complet 4.4Chrome Android Support complet 29Edge Mobile Support complet Oui
Préfixée Désactivée
Support complet Oui
Préfixée Désactivée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Désactivée This feature is behind the Enable @-ms-viewport rules preference.
Firefox Android Aucun support Non
Notes
Aucun support Non
Notes
Notes See Firefox bug 747754.
Opera Android ? Safari iOS Aucun support Non
Notes
Aucun support Non
Notes
Notes See WebKit bug 95959.
Samsung Internet Android Support complet Oui
height descriptorChrome Support complet 29Edge ? 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 Support complet 4.4Chrome Android Support complet 29Edge Mobile ? Firefox 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 Oui
max-height descriptorChrome Support complet 29Edge ? 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 Support complet 4.4Chrome Android Support complet 29Edge Mobile ? Firefox 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 Oui
max-width descriptorChrome Support complet 29Edge ? 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 Support complet 4.4Chrome Android Support complet 29Edge Mobile ? Firefox 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 Oui
max-zoom descriptorChrome Support complet 29Edge Support complet Oui
Préfixée
Support complet Oui
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 ? Safari Aucun support NonWebView Android ? Chrome Android Support complet 29Edge Mobile Support complet Oui
Préfixée
Support complet Oui
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Android Aucun support NonOpera Android ? Safari iOS Aucun support NonSamsung Internet Android ?
min-height descriptorChrome Support complet 29Edge ? 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 Support complet 4.4Chrome Android Support complet 29Edge Mobile ? Firefox 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 Oui
min-width descriptorChrome Support complet 29Edge ? 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 Support complet 4.4Chrome Android Support complet 29Edge Mobile ? Firefox Android Aucun support NonOpera Android ? Safari iOS Aucun support NonSamsung Internet Android Support complet Oui
min-zoom descriptorChrome Support complet 29Edge Support complet Oui
Préfixée
Support complet Oui
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 ? Safari Aucun support NonWebView Android ? Chrome Android Support complet 29Edge Mobile Support complet Oui
Préfixée
Support complet Oui
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Android Aucun support NonOpera Android ? Safari iOS Aucun support NonSamsung Internet Android ?
orientation descriptor
Expérimentale
Chrome Aucun support NonEdge ? 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 ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android Support complet 8
Préfixée
Support complet 8
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -o-
Safari iOS ? Samsung Internet Android Aucun support Non
user-zoom descriptorChrome Support complet 29Edge Support complet Oui
Préfixée
Support complet Oui
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 ? Safari Aucun support NonWebView Android ? Chrome Android Support complet 29Edge Mobile Support complet Oui
Préfixée
Support complet Oui
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Firefox Android Aucun support NonOpera Android ? Safari iOS Aucun support NonSamsung Internet Android ?
viewport-fit descriptor
Expérimentale
Chrome ? Edge ? Firefox ? IE ? Opera ? Safari Support complet 11WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS Support complet 11Samsung Internet Android ?
width descriptorChrome Support complet 29Edge ? 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 Support complet 4.4Chrome Android Support complet 29Edge Mobile ? Firefox 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 Oui
zoom descriptorChrome Support complet 29Edge ? 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 Support complet 4.4Chrome Android Support complet 61Edge Mobile ? Firefox Android Aucun support NonOpera Android Support complet 37Safari iOS ? Samsung Internet Android Aucun support Non

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
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.

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, xdelatour
Dernière mise à jour par : SphinxKnight,