私は<embed src="..."></embed>
を使用して対話型プロットを挿入し、ブートストラップに反応させようとしています。うまく動作しますが、グラフの最大サイズを小さくしたいので、解決策が見つかりません。embed-responsiveブートストラップクラス内にmax-height埋め込み要素を設定します
<div class="embed-responsive embed-responsive-4by3">
<embed src="{{payment_methods_plots[account]}}"></embed>
</div>
私の3つの失敗したアプローチは、次のとおりです:
- CSS
style="max-height: ...px;"
でのdivとスタイル、それを内側に置く:半分に画像をカットこれは、作業(しかし、巨大な)プロットです。 height
プロパティを<embed>
に設定してください:機能していません。- CSSプロパティーを追加しようとしました
(max-height: ...px;)
にembed-responsive-4by3
:失敗しました。
EDIT:チャートは(BASE64でコード化)pygal Pythonライブラリによって生成されたダイナミックチャートです。 embed-responsive-4by3
に重要な
https://jsfiddle.net/e6L5oLxe/
あなたのポイントは悪いです(666)ので、私はupvote、LOLでそれらを変更するのは嫌です:) – webeno
lol "SOの呪われた担当者" –