jquery - JQuery Mobile でグラフをスクイーズする

Question

コンテンツ領域に表示される HighCharts チャートを使用して、JQuery モバイル アプリケーションを開発しています。グラフ全体を電話の表示領域に収めたいので、スクロールは必要ありません。ビューポートのコンテンツを変更しようとしました

$.mobile.metaViewportContent = 'width=device-width, minimum-scale=1, maximum-scale=1';

しかし、idはうまくいかないようです。何か案は？

Answer 1

グラフは、含まれている div を満たすようにレンダリングされるため、含まれている div が正しいサイズであることを確認する必要があります。通常は、含まれている div に次の CSS を指定するだけで十分です。

width:100%;
height:100%;

明らかに、親要素などの設定によっては、より複雑になる可能性があります。