Chrome -webkit-object-fit不起作用

在Chrome的樣式表中使用-webkit-object-fit生成「未知屬性名稱」。Chrome -webkit-object-fit不起作用

它只是不支持？ -webkit-border-image工程。

來源

2012-10-29 Sean Xiao

http://caniuse.com/object-fit

更新2016年2月15日

現在支持不除Internet Explorer和邊緣的所有主流瀏覽器的前綴（雖然它是flagged as Under Consideration在邊緣中優先級這個擴展，因此它是未來可能會在那裏得到支持）。

原件（過時）答案

這個特殊的擴展似乎是一個Opera支持的項目，因爲它具有任何其他瀏覽器不支持囊括。

來源

2012-10-30 07:10:09 joequincy

哦，好知道得到。這是一個很好的圖像調整工具。你有什麼建議可供選擇嗎？謝謝。 –

前一段時間，我發現了一篇關於[調整高度或寬度時保持縱橫比]的博客文章（http://addedoptimization.com/css-styling-image-height-and-width-while-maintaining-aspect-ratio/） ......但我承認我從未嘗試過使用它。 – joequincy

@SeanXiao：如果你仍然在尋找替代解決方案的對象適合，請參閱此答案 - http://stackoverflow.com/a/21355203/140693 –

目前還沒有支持對象適合屬性的基於webkit的活動瀏覽器。該屬性已經存在了一段時間，並且該規範已達到候選推薦，因爲它是在Opera Presto（< = 12）瀏覽器和HP TouchPad（WebOS 3.0）中實現的。但是，這些都已過時，因此屬性也出現在CSS Images Level 4規範中。

它已被添加到Chrome 32中，但由於它使用了Blink，因此該屬性沒有前綴，因此不需要使用-webkit - 字首。

如果你正在尋找一個填充工具，我做了一個基於jQuery的一個，你可以在http://www.steveworkman.com/html5-2/javascript/2012/css3-object-fit-polyfill/

來源

2013-10-21 08:40:31

在Firefox上它的工作;） – user956584

Chrome -webkit-object-fit不起作用

回答

相關問題