CSS 端末適合

CSS 端末適合 (CSS Device Adaptation) は CSS モジュールの一つで、ビューポートの寸法、拡大率、方向を定義することができるものです。

リファレンス

@-規則

仕様書

仕様書 状態 備考
CSS Device Adaptation 草案 初回定義

ブラウザーの対応

@viewport 規則

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
@viewportChrome 未対応 29 — 84
補足 無効
未対応 29 — 84
補足 無効
補足 See Chromium bug 235457.
無効 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 完全対応 12
接頭辞付き 無効
完全対応 12
接頭辞付き 無効
接頭辞付き -ms- のベンダー接頭辞が必要
無効 From version 12: this feature is behind the Enable @-ms-viewport rules preference.
Firefox 未対応 なし
補足
未対応 なし
補足
補足 See Firefox bug 747754.
IE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16
無効
完全対応 16
無効
無効 From version 16: this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
未対応 11.1 — 15
接頭辞付き
接頭辞付き -o- のベンダー接頭辞が必要
Safari 未対応 なし
補足
未対応 なし
補足
補足 See WebKit bug 95959.
WebView Android 未対応 4.4 — 37Chrome Android 未対応 29 — 84
補足 無効
未対応 29 — 84
補足 無効
補足 See Chromium bug 235457.
無効 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 未対応 なし
補足
未対応 なし
補足
補足 See Firefox bug 747754.
Opera Android 完全対応 16
無効
完全対応 16
無効
無効 From version 16: this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
未対応 11.1 — 14
接頭辞付き
接頭辞付き -o- のベンダー接頭辞が必要
Safari iOS 未対応 なし
補足
未対応 なし
補足
補足 See WebKit bug 95959.
Samsung Internet Android 完全対応 2.0
height descriptorChrome 未対応 29 — 84Edge 完全対応 12
接頭辞付き
完全対応 12
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16
完全対応 16
未対応 11.1 — 15
Safari 未対応 なしWebView Android 未対応 4.4 — 37Chrome Android 未対応 29 — 84Firefox Android 未対応 なしOpera Android 完全対応 16
完全対応 16
未対応 11.1 — 14
Safari iOS 未対応 なしSamsung Internet Android 完全対応 2.0
max-height descriptorChrome 未対応 29 — 84Edge 完全対応 12
接頭辞付き
完全対応 12
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16
完全対応 16
未対応 11.1 — 15
Safari 未対応 なしWebView Android 未対応 4.4 — 37Chrome Android 未対応 29 — 84Firefox Android 未対応 なしOpera Android 完全対応 16
完全対応 16
未対応 11.1 — 14
Safari iOS 未対応 なしSamsung Internet Android 完全対応 2.0
max-width descriptorChrome 未対応 29 — 84Edge 完全対応 12
接頭辞付き
完全対応 12
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16
完全対応 16
未対応 11.1 — 15
Safari 未対応 なしWebView Android 未対応 4.4 — 37Chrome Android 未対応 29 — 84Firefox Android 未対応 なしOpera Android 完全対応 16
完全対応 16
未対応 11.1 — 14
Safari iOS 未対応 なしSamsung Internet Android 完全対応 2.0
max-zoom descriptorChrome 未対応 29 — 84Edge 完全対応 12
接頭辞付き
完全対応 12
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16Safari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 29 — 84Firefox Android 未対応 なしOpera Android 完全対応 16Safari iOS 未対応 なしSamsung Internet Android 完全対応 2.0
min-height descriptorChrome 未対応 29 — 84Edge 完全対応 12
接頭辞付き
完全対応 12
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16
完全対応 16
未対応 11.1 — 15
Safari 未対応 なしWebView Android 未対応 4.4 — 37Chrome Android 未対応 29 — 84Firefox Android 未対応 なしOpera Android 完全対応 16
完全対応 16
未対応 11.1 — 14
Safari iOS 未対応 なしSamsung Internet Android 完全対応 2.0
min-width descriptorChrome 未対応 29 — 84Edge 完全対応 12
接頭辞付き
完全対応 12
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16
完全対応 16
未対応 11.1 — 15
Safari 未対応 なしWebView Android 未対応 4.4 — 37Chrome Android 未対応 29 — 84Firefox Android 未対応 なしOpera Android 完全対応 16
完全対応 16
未対応 11.1 — 14
Safari iOS 未対応 なしSamsung Internet Android 完全対応 2.0
min-zoom descriptorChrome 未対応 29 — 84Edge 完全対応 12
接頭辞付き
完全対応 12
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16Safari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 29 — 84Firefox Android 未対応 なしOpera Android 完全対応 16Safari iOS 未対応 なしSamsung Internet Android 完全対応 2.0
orientation descriptorChrome 未対応 なしEdge 未対応 12 — 79
接頭辞付き
未対応 12 — 79
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 11.1 — 14
接頭辞付き
未対応 11.1 — 14
接頭辞付き
接頭辞付き -o- のベンダー接頭辞が必要
Safari iOS 未対応 なしSamsung Internet Android 未対応 なし
user-zoom descriptorChrome 未対応 29 — 84Edge 完全対応 12
接頭辞付き
完全対応 12
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16Safari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 29 — 84Firefox Android 未対応 なしOpera Android 完全対応 16Safari iOS 未対応 なしSamsung Internet Android 完全対応 2.0
viewport-fit descriptorChrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
width descriptorChrome 未対応 29 — 84Edge 完全対応 12
接頭辞付き
完全対応 12
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16
完全対応 16
未対応 11.1 — 15
Safari 未対応 なしWebView Android 未対応 4.4 — 37Chrome Android 未対応 29 — 84Firefox Android 未対応 なしOpera Android 完全対応 16
完全対応 16
未対応 11.1 — 14
Safari iOS 未対応 なしSamsung Internet Android 完全対応 2.0
zoom descriptorChrome 未対応 29 — 84Edge 完全対応 12
接頭辞付き
完全対応 12
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Firefox 未対応 なしIE 完全対応 10
接頭辞付き
完全対応 10
接頭辞付き
接頭辞付き -ms- のベンダー接頭辞が必要
Opera 完全対応 16Safari 未対応 なしWebView Android 未対応 4.4 — 37Chrome Android 未対応 61 — 84Firefox Android 未対応 なしOpera Android 完全対応 16Safari iOS 未対応 なしSamsung Internet Android 完全対応 8.0

凡例

完全対応  
完全対応
未対応  
未対応
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。