javascript - 有没有办法在 iframe 上功能检测 CSS3 调整大小？

Question

我有一个使用 CSS3 调整大小样式声明的 iframe:

iframe {
    resize: both;
}

我正在使用 Modernizr 来检测浏览器是否支持 cssresize，这样当测试失败时我可以使用 jQuery UI Resizable 插件来代替它。

但是，Firefox 似乎不支持 iframe 上的 CSS 调整大小 ( JSFiddle )，但 Modernizr 测试仍然通过，因为 Firefox 确实支持文本区域调整大小。这使得我在 Firefox 上的 iframe 没有任何 CSS 或 JS 调整大小功能。

如何使用功能检测来确保浏览器支持 iframe 上的 CSS3 调整大小？

Answer 1

modernizr 允许您创建自己的自定义规则。创建一个名为 iframecssresize 的元素，除了支持 cssresize 功能之外，它还会检查浏览器 + 浏览器版本是否受支持。

http://modernizr.com/docs/#addtest