Small、Large、Dynamicビューポート単位

- WD

元の単位の欠点に対処するために、ブラウザのUIの表示/非表示状態に基づいてvwvhに似たビューポート単位。現在、sv*単位 (svbsvhsvisvmaxsvminsvw)、lv*単位 (lvblvhlvilvmaxlvminlvw)、dv*単位 (dvbdvhdvidvmaxdvmindvw)、および論理単位vi/vbとして定義されています。

Chrome

  1. 4 - 99: 未サポート
  2. 100 - 107: デフォルトで無効
  3. 108 - 123: サポート
  4. 124: サポート
  5. 125 - 127: サポート

Edge

  1. 12 - 104: 未サポート
  2. 105 - 107: デフォルトで無効
  3. 108 - 123: サポート
  4. 124: サポート

Safari

  1. 3.1 - 15.3: 未サポート
  2. 15.4 - 17.3: サポート
  3. 17.4: サポート
  4. 17.5 - TP: サポート

Firefox

  1. 2 - 100: 未サポート
  2. 101 - 124: サポート
  3. 125: サポート
  4. 126 - 128: サポート

Opera

  1. 9 - 90: 未サポート
  2. 91 - 93: デフォルトで無効
  3. 94 - 108: サポート
  4. 109: サポート

IE

  1. 5.5 - 10: 未サポート
  2. 11: 未サポート

Chrome for Android

  1. 124: サポート

Safari on iOS

  1. 3.2 - 15.3: 未サポート
  2. 15.4 - 17.3: サポート
  3. 17.4: サポート
  4. 17.5: サポート

Samsung Internet

  1. 4 - 20: 未サポート
  2. 21 - 23: サポート
  3. 24: サポート

Opera Mini

  1. すべて: 未サポート

Opera Mobile

  1. 10 - 12.1: 未サポート
  2. 80: サポート

UC Browser for Android

  1. 15.5: 未サポート

Android Browser

  1. 2.1 - 4.4.4: 未サポート
  2. 124: サポート

Firefox for Android

  1. 125: サポート

QQ Browser

  1. 14.9: 未サポート

Baidu Browser

  1. 13.52: 未サポート

KaiOS Browser

  1. 2.5: 未サポート
  2. 3: 未サポート
リソース
Chromiumのサポートに関するバグ
WebKitのサポートに関するバグ
Firefoxのサポートに関するバグ
MDN Web Docs - ビューポートに基づく相対長単位
新しい単位を解説するブログ記事