zoom

zoomCSS の記述子で、 @viewport アット規則で定義された文書の表示倍率の初期値を設定します。

表示倍率1.0 または 100% が、拡大縮小なしに対応します。より大きい値は拡大、より小さい値は縮小です。

構文

/* キーワード値 */
zoom: auto;

/* <number> 値 */
zoom: 0.8;
zoom: 2.0;

/* <percentage> 値 */
zoom: 150%;

auto
ユーザーエージェントが文書の表示倍率の初期値を設定します。ユーザーエージェントは表示倍率を決めるために、文書が表示されるキャンバス領域の寸法を使用することがあります。
<number>
表示倍率として使われる非負の数値です。
<percentage>
表示倍率として使われる非負のパーセント値です。

公式定義

関連する @規則@viewport
初期値auto
パーセンテージthe zoom factor itself
計算値auto, or a non-negative number or percentage as specified

形式文法

auto | <number> | <percentage>

ビューポートの zoom 係数の設定

@viewport {
  zoom: 2.0;
}

仕様書

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

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
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

凡例

完全対応  
完全対応
未対応  
未対応
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。

関連情報