0

これがどこから制御されているのかわかりません。教えていただけますか? 私はCSSが初めてです。

ウィンドウのサイズを変更すると、チャートがコンテナーから外れます。これを CSS のどこで制御しますか? グラフのサイズを変更する必要はありません。少なくとも非表示にするだけですか? それは可能ですか？

ここに画像の説明を入力

私はTwitterのブートストラップを使用しています。ここに生成されたHTMLがあります

  <div class='row-fluid'>
    <div class='span9'>
      <div class='box'>
        <div class='box-content padded' style='text-align: center'>
          <div id='graphs' style='width:860px; margin:0 auto;' title='test'>
            <div id='chart' style='display: inline-block;' title='test'></div>
          </div>
        </div>
      </div>
    </div>
    <div class='span3'>
      <div class='box'>
        <div class='box-content padded'>
          Hosts ...
        </div>
      </div>
      <div class='box'>
        <div class='box-content padded'>
          <b> Services ... </b>
          <br> .... </br>
        </div>
      </div>
    </div>
  </div>
</div>
4

1 に答える 1

1

親コンテナーに合わせてグラフのサイズを変更するのは簡単です。width:100%グラフで使用するだけです。したがって、コードで次のコードを置き換えます。

<div id='graphs' style='width:860px; margin:0 auto;' title='test'>

このコードで：

<div id='graphs' style='width:100%; margin:0 auto;' title='test'>

divそれが行うことは、クラスの親要素のパーセンテージとしてグラフ幅を設定することbox-content paddedです。したがって、 を に設定するwidthと100%、グラフは常にコンテナーのサイズと一致します。

于 2013-07-20T02:28:51.363 に答える