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

Question

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

这会阻止我打印带有图表的整个网页，因为图表在打印时大小不正确。

参见 jsfiddle example

@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/)

据我所知，仅使用 CSS 无法合理调整图表的大小。