html - 在嵌入响应引导类中设置max-height embed元素

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

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

我的三种失败的方法是：


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


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

https://jsfiddle.net/e6L5oLxe/

最佳答案

尝试在embed-responsive-4by3中使用！important并查看其父级，然后在此处设置max-height。

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

关于html - 在嵌入响应引导类中设置max-height embed元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39215213/