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

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

参见 jsfiddle example

@media screen 
    { 
 
 
      .cont 
        { 
            width: 50%; 
            height: 100%; 
 
        } 
    } 
 
 @media print 
    { 
        .no-Print{ 
            display: none; 
        } 
 
 
        .cont 
        { 
            width: 5%; 
            height: 5%; 
        } 
    } 

请您参考如下方法:

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

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

(参见:http://jsfiddle.net/6WxgG/15/embedded/result/)

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