在加载页面时，Chrome会混淆SVG文件的高度

Question

我正在处理嵌入<object>标记的自定义SVG文件。它渲染得当，但出于某种原因，我在Chrome浏览器上遇到了一个奇怪的错误。

在页面加载时，Chrome似乎“计算”元素的高度并显示包装元素的错误高度。 IE和FF表现正常。

Answer 1

无论如何，我使用了一个难看的修复程序。默认情况下，我的<object>具有height:0 CSS属性，然后我应用以下脚本（CoffeeScript语法）：

$(document).ready ->
  $('object').each ->
    $(this).load ->
      $(this).css('height', 'auto')

这使得工作......