CSS 端末適合は CSS モジュールの一つで、ビューポートの寸法、拡大率、方向を定義することができるものです。
リファレンス
@-規則
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Device Adaptation | 草案 | 初回定義 |
ブラウザーの対応
@viewport 規則
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Android 版 Chrome | Edge Mobile | Android 版 Firefox | Android 版 Opera | iOS 版 Safari | Samsung Internet | |
| 基本対応 | Chrome
完全対応
29
| Edge
完全対応
あり
| Firefox
未対応
なし
| IE
完全対応
10
| Opera
完全対応
16
| Safari
未対応
なし
| WebView Android 完全対応 4.4 | Chrome Android 完全対応 29 | Edge Mobile
完全対応
あり
| Firefox Android
未対応
なし
| Opera Android ? | Safari iOS
未対応
なし
| Samsung Internet Android 完全対応 あり |
height descriptor | Chrome 完全対応 29 | Edge ? | Firefox 未対応 なし | IE
完全対応
10
| Opera
完全対応
16
| Safari 未対応 なし | WebView Android 完全対応 4.4 | Chrome Android 完全対応 29 | Edge Mobile ? | Firefox Android 未対応 なし | Opera Android
完全対応
16
| Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
max-height descriptor | Chrome 完全対応 29 | Edge ? | Firefox 未対応 なし | IE
完全対応
10
| Opera
完全対応
16
| Safari 未対応 なし | WebView Android 完全対応 4.4 | Chrome Android 完全対応 29 | Edge Mobile ? | Firefox Android 未対応 なし | Opera Android
完全対応
16
| Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
max-width descriptor | Chrome 完全対応 29 | Edge ? | Firefox 未対応 なし | IE
完全対応
10
| Opera
完全対応
16
| Safari 未対応 なし | WebView Android 完全対応 4.4 | Chrome Android 完全対応 29 | Edge Mobile ? | Firefox Android 未対応 なし | Opera Android
完全対応
16
| Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
max-zoom descriptor | Chrome 完全対応 29 | Edge
完全対応
あり
| Firefox 未対応 なし | IE
完全対応
10
| Opera ? | Safari 未対応 なし | WebView Android ? | Chrome Android 完全対応 29 | Edge Mobile
完全対応
あり
| Firefox Android 未対応 なし | Opera Android ? | Safari iOS 未対応 なし | Samsung Internet Android ? |
min-height descriptor | Chrome 完全対応 29 | Edge ? | Firefox 未対応 なし | IE
完全対応
10
| Opera
完全対応
16
| Safari 未対応 なし | WebView Android 完全対応 4.4 | Chrome Android 完全対応 29 | Edge Mobile ? | Firefox Android 未対応 なし | Opera Android
完全対応
16
| Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
min-width descriptor | Chrome 完全対応 29 | Edge ? | Firefox 未対応 なし | IE
完全対応
10
| Opera
完全対応
16
| Safari 未対応 なし | WebView Android 完全対応 4.4 | Chrome Android 完全対応 29 | Edge Mobile ? | Firefox Android 未対応 なし | Opera Android ? | Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
min-zoom descriptor | Chrome 完全対応 29 | Edge
完全対応
あり
| Firefox 未対応 なし | IE
完全対応
10
| Opera ? | Safari 未対応 なし | WebView Android ? | Chrome Android 完全対応 29 | Edge Mobile
完全対応
あり
| Firefox Android 未対応 なし | Opera Android ? | Safari iOS 未対応 なし | Samsung Internet Android ? |
orientation descriptor | Chrome 未対応 なし | Edge ? | Firefox 未対応 なし | IE
完全対応
10
| Opera 未対応 なし | Safari ? | WebView Android ? | Chrome Android ? | Edge Mobile ? | Firefox Android ? | Opera Android
完全対応
8
| Safari iOS ? | Samsung Internet Android 未対応 なし |
user-zoom descriptor | Chrome 完全対応 29 | Edge
完全対応
あり
| Firefox 未対応 なし | IE
完全対応
10
| Opera ? | Safari 未対応 なし | WebView Android ? | Chrome Android 完全対応 29 | Edge Mobile
完全対応
あり
| Firefox Android 未対応 なし | Opera Android ? | Safari iOS 未対応 なし | Samsung Internet Android ? |
viewport-fit descriptor | Chrome ? | Edge ? | Firefox ? | IE ? | Opera ? | Safari 完全対応 11 | WebView Android ? | Chrome Android ? | Edge Mobile ? | Firefox Android ? | Opera Android ? | Safari iOS 完全対応 11 | Samsung Internet Android ? |
width descriptor | Chrome 完全対応 29 | Edge ? | Firefox 未対応 なし | IE
完全対応
10
| Opera
完全対応
16
| Safari 未対応 なし | WebView Android 完全対応 4.4 | Chrome Android 完全対応 29 | Edge Mobile ? | Firefox Android 未対応 なし | Opera Android
完全対応
16
| Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
zoom descriptor | Chrome 完全対応 29 | Edge ? | Firefox 未対応 なし | IE
完全対応
10
| Opera 完全対応 16 | Safari 未対応 なし | WebView Android 完全対応 4.4 | Chrome Android 完全対応 61 | Edge Mobile ? | Firefox Android 未対応 なし | Opera Android 完全対応 37 | Safari iOS ? | Samsung Internet Android 未対応 なし |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。
- 実装ノートを参照してください。
- 実装ノートを参照してください。
- ユーザーが明示的にこの機能を有効にしなければなりません。
- ユーザーが明示的にこの機能を有効にしなければなりません。
- 使用するには、ベンダー接頭辞または異なる名前が必要です。
- 使用するには、ベンダー接頭辞または異なる名前が必要です。