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

Question

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

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

我的三个失败的方法是：

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

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

https://jsfiddle.net/e6L5oLxe/

Answer 1

尝试使用 !importantembed-responsive-4by3并查看他的父母并在那里设置 max-height 。

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