2016-08-29 28 views
0

我試圖使用<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. 嘗試將CS​​S屬性(max-height: ...px;)添加到embed-responsive-4by3:失敗。

EDIT:該圖是由pygal蟒庫(以base64編纂)生成的動態圖表。這是一個圖的一個例子:

https://jsfiddle.net/e6L5oLxe/

+1

你的觀點是邪惡的(666),所以我不願意改變他們與upvote,哈哈:) – webeno

+0

哈哈「被詛咒的代表SO」 –

回答

-1

嘗試使用embed-responsive-4by3重要的,看看他的父母,並設置最大高度存在。

如果這些解決方案的工作,請提供給我們一個的jsfiddleplunker例子。

+0

謝謝尤里。我將附上圖表的jsFiddle示例。 –