Dev Express Dev Extreme dx.charts.js ライブラリを使用して動的に構築されたダッシュボード ページがあります。サイトに Bootstrap 3 を実装しましたが、すべてうまく機能しています... iPad で表示しようとするまでは。レイアウトの変更に数え切れないほどの時間を費やしましたが、何の役にも立たないようです。現在のコードは次のとおりです。
<div style="display:none;" id="maindashboard">
<div class="container" >
<div class="row" >
<div class="col-lg-6 col-md-6 col-sm-6" > <%-- left half column --%>
<h1><strong>Container Levels</strong></h1>
<div class="col-lg-6 col-md-6 col-sm-6" id="GuageColumn1"></div>
<div class="col-lg-6 col-md-6 col-sm-6" id="GuageColumn2"></div>
</div>
<div id="PieCharts" class="col-lg-6 col-md-6 col-sm-6" > <%-- right half column --%>
<div class="col-lg-6 col-md-6 col-sm-6" id="pie0" style="height:250px;" ></div>
<div class="col-lg-6 col-md-6 col-sm-6" id="pie1" style="height:250px;" ></div>
<div class="col-lg-6 col-md-6 col-sm-6" id="pie2" style="height:250px;" ></div>
<div class="col-lg-6 col-md-6 col-sm-6" id="pie3" style="height:250px;" ></div>
</div>
<%--<div id="PieCharts" class="col-md-8 col-sm-6" >
</div>--%>
</div>
</div>
</div>
IE、ChromE、Safari、または Firefox を使用して PC でダッシュボードを表示すると、期待どおりに表示され、円グラフの凡例が表示されます。ただし、Safari または Chrome を使用して iPad でページを表示しようとすると、凡例が表示されません。PC と iPad の両方からページ ソースを調べましたが、iPad バージョンの唯一の違いは、凡例グラフのマークアップに追加された多数の Webkit 属性があることです。グラフのすべてのデータはマークアップにあります。多くのテストを通じて、「pie0」オブジェクトにブートストラップ列幅を追加すると、iPad に表示されないことに気付きました。ただし、列幅属性を削除すると、レイアウトがひどく見えます。ここで何が欠けているのかわかりません。
助けてくれてありがとう...