在JQuery Mobile中挤压图表

Question

我正在开发一个JQuery移动应用程序，其中包含显示在内容区域中的HighCharts图表。我想在手机的可见区域挤压整个图形，因此不需要滚动。我试过更改视口内容

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

但是id似乎没有做到这一点。有任何想法吗？

Answer 1

图表将被渲染以填充它包含div，因此您需要确保包含div的大小正确。通常，将包含div的css赋予以下内容就足够了：

width:100%;
height:100%;

显然，根据任何父元素等的设置，它可能会更复杂。