CSS3 object-fit/object-position

- CR

指定物件(圖片或影片)應如何置於方塊內的方法。object-fit 選項包括「contain」(依長寬比置中)、「fill」(將物件拉伸以填滿)和「cover」(溢出方塊但維持長寬比),而 object-position 則允許物件重新定位,就像 background-image 所做的一樣。

Chrome

  1. 4 - 31: 不支援
  2. 32 - 123: 支援
  3. 124: 支援
  4. 125 - 127: 支援

Edge

  1. 12 - 15: 不支援
  2. 16 - 18: 部分支援
  3. 79 - 123: 支援
  4. 124: 支援

Safari

  1. 3.1 - 7: 不支援
  2. 7.1 - 9.1: 部分支援
  3. 10 - 17.3: 支援
  4. 17.4: 支援
  5. 17.5 - TP: 支援

Firefox

  1. 2 - 35: 不支援
  2. 36 - 124: 支援
  3. 125: 支援
  4. 126 - 128: 支援

Opera

  1. 9 - 10.5: 不支援
  2. 10.6 - 12.1: 支援
  3. 15 - 18: 不支援
  4. 19 - 108: 支援
  5. 109: 支援

IE

  1. 5.5 - 10: 不支援
  2. 11: 不支援

Chrome for Android

  1. 124: 支援

Safari on iOS

  1. 3.2 - 7.1: 不支援
  2. 8 - 9.3: 部分支援
  3. 10 - 17.3: 支援
  4. 17.4: 支援
  5. 17.5: 支援

Samsung Internet

  1. 4 - 23: 支援
  2. 24: 支援

Opera Mini

  1. all: 支援

Opera Mobile

  1. 10: 不支援
  2. 11 - 12.1: 支援
  3. 80: 支援

UC 瀏覽器 for Android

  1. 15.5: 支援

Android 瀏覽器

  1. 2.1 - 4.4: 不支援
  2. 4.4.3: 支援
  3. 124: 支援

Firefox for Android

  1. 125: 支援

QQ 瀏覽器

  1. 14.9: 支援

百度瀏覽器

  1. 13.52: 支援

KaiOS 瀏覽器

  1. 2.5: 支援
  2. 3: 支援
資源
Dev.Opera 文章
MDN (object-fit)
MDN (object-position)
IE 和 Edge 的 object-fit-images Polyfill
WebPlatform 文件