将max-height嵌入元素设置在嵌入式响应引导类

Question

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

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

我的三种失败方法是：

1. 放入div并使用CSS style="max-height: ...px;"设置样式：将图像缩小一半。
2. 使用height的{​​{1}}属性：无效。
3. 尝试将CS​​S属性<embed>添加到(max-height: ...px;)：失败。

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

https://jsfiddle.net/e6L5oLxe/

Answer 1

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

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