CSS 设备适配

- WD

使用 @viewport 规则覆盖网页视窗大小的方法,取代 Apple 自行流行的 <meta> 视窗实现。包含 extend-to-zoom 宽度值。

Chrome

  1. 4 - 28: 不支持
  2. 29 - 123: 默认禁用
  3. 124: 默认禁用
  4. 125 - 127: 默认禁用

Edge

  1. 12 - 18: 部分支持
  2. 79 - 123: 默认禁用
  3. 124: 默认禁用

Safari

  1. 3.1 - 17.3: 不支持
  2. 17.4: 不支持
  3. 17.5 - TP: 不支持

Firefox

  1. 2 - 124: 不支持
  2. 125: 不支持
  3. 126 - 128: 不支持

Opera

  1. 9 - 39: 不支持
  2. 40 - 108: 默认禁用
  3. 109: 默认禁用

IE

  1. 5.5 - 9: 不支持
  2. 10: 部分支持
  3. 11: 部分支持

Chrome for Android

  1. 124: 不支持

Safari on iOS

  1. 3.2 - 17.3: 不支持
  2. 17.4: 不支持
  3. 17.5: 不支持

Samsung Internet

  1. 4 - 23: 不支持
  2. 24: 不支持

Opera Mini

  1. 所有: 部分支持

Opera Mobile

  1. 10: 不支持
  2. 11 - 12.1: 部分支持
  3. 80: 不支持

UC 浏览器(Android 版)

  1. 15.5: 不支持

Android 浏览器

  1. 2.1 - 4.4.4: 不支持
  2. 124: 不支持

Firefox for Android

  1. 125: 不支持

QQ 浏览器

  1. 14.9: 默认禁用

百度浏览器

  1. 13.52: 不支持

KaiOS 浏览器

  1. 2.5: 不支持
  2. 3: 不支持

由于缺乏实现,该规范将被废弃

资源
WebKit 跟踪错误
Mozilla 跟踪错误
Chrome 跟踪错误
Opera Mobile 中的 meta viewport 和 @viewport 简介
Internet Explorer 10 中的设备适配