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

时间:2014-01-03 16:01:49

标签: javascript css3 iframe resize browser-feature-detection

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

iframe {
    resize: both;
}

我使用Modernizr来检测浏览器是否支持cssresize,这样我就可以在测试失败时使用jQuery UI Resizable插件。

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

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

1 个答案:

答案 0 :(得分:0)

modernizr允许您创建自己的自定义规则。创建一个名为iframecssresize的用户,还会检查支持cssresize功能附加的浏览器+浏览器版本。

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