Chrome 在加载页面时弄乱了 SVG 文件的高度

【问题标题】：Chrome messes up SVG files' height while loading pagesChrome 在加载页面时弄乱了 SVG 文件的高度
【发布时间】：2016-01-02 20:15:53
【问题描述】：

我正在处理嵌入在 <object> 标签中的自定义 SVG 文件。它可以正确呈现，但由于某种原因，我在 Chrome 浏览器上遇到了一个奇怪的错误。

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

【问题讨论】：

【解决方案1】：

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

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

它使工作......

【讨论】：