當使用javascript打印highcharts頁this.print（）寬度值在css中@media打印似乎被忽略

Question

當使用@media打印時，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/）

AFAIK這是不可能只使用CSS合理調整圖表。