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

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 <embed>的属性(property): 不工作。
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 示例。