CSS 端末適合

ジャンプ先:
  1. リファレンス
  2. 仕様書
  3. ブラウザーの対応

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

リファレンス

@-規則

仕様書

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

ブラウザーの対応

@viewport 規則

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

凡例

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

ドキュメントのタグと貢献者

タグ: 
このページの貢献者: mfuji09
最終更新者: mfuji09,