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

Question

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

iframe {
    resize: both;
}

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

但是，Firefox 似乎不支持在 iframe ( JSFiddle ) 上调整 CSS 大小，但 Modernizr 测试还是通过了，因为 Firefox 确实支持 textarea 调整大小。这让我在 Firefox 上的 iframe 没有任何 CSS 或 JS 调整大小的功能。

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

Answer 1

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

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