在嵌入响应的引导类中设置最大高度嵌入元素

Question

我正在尝试使用 <embed src="..."></embed> 插入交互式绘图，并通过引导程序使其响应。工作正常，但我想减小图表的最大尺寸，但我找不到解决方案。这是有效的（但巨大的）情节：

<div class="embed-responsive embed-responsive-4by3">
    <embed src="{{payment_methods_plots[account]}}"></embed>
</div>

我的三个失败的方法是：

1. 将 div 放入 div 并使用 CSS style="max-height: ...px;" 设置样式：将图像减半。
2. 使用<embed> 的height 属性：不起作用。
3. 尝试将 CSS 属性 (max-height: ...px;) 添加到 embed-responsive-4by3：失败。

编辑：图表是由 pygal python 库生成的动态图表（编码在 base64 中）。这是一个图表示例：

https://jsfiddle.net/e6L5oLxe/

Answer 1

尝试在embed-responsive-4by3 中使用 !important 并查看他的父级并在那里设置 max-height。

如果这些解决方案都不起作用，请向我们提供 jsFiddle 或 plunker 示例。