highcharts - 当使用 javascript 打印带有 highcharts 的页面时，@media print 中的 css 中的 this.print() 宽度值似乎被忽略了

Question

使用@media print highcharts 时似乎忽略了屏幕部分的宽度和高度，而是使用显示部分的值。

这阻止了我打印带有 highcharts 的整个网页，因为打印时图表的大小不合适。

请参阅jsfiddle 示例

@media screen
    {


      .cont
        {
            width: 50%;
            height: 100%;

        }
    }

 @media print
    {
        .no-Print{
            display: none;
        }


        .cont
        {
            width: 5%;
            height: 5%;
        }
    }

Answer 1

它不会忽略样式。它只是为容器内的元素定义宽度（以像素为单位）。要看到这一点，您可以将设置容器的溢出添加到隐藏：

.cont {
    width: 5%;
    height: 5%;
    overflow: hidden;
    border: 1px solid red;
}

（见：http: //jsfiddle.net/6WxgG/15/embedded/result/）

AFAIK 仅使用 CSS 无法合理调整图表的大小。