CSSメディア印刷のクエリ

Question

私はmodalの@media printの作業クエリを持っています。次に、PRINT機能を持つグラフを追加しました。私はチャートでPRINTを試したとき、Chromeの印刷ダイアログに何も表示していません。私は@media printのためにそれを考えています。

chartにmodalという同じ機能を追加するにはどうすればよいですか？

CSSメディア印刷：

@media print { 
    @page { 
    size: auto; 
    margin: 3mm; 
    margin-right: 57mm; 
    margin-left: 57mm 
    } 

    body * { 
    visibility: hidden; 
    } 
    #admissionSlip * { 
    visibility: visible; 
    overflow: visible; 
    } 
    #chart * { 
    visibility: visible; 
    overflow: visible; 
    } 
    #mainPage * { 
    display: none; 
    } 
    #printBtn { 
    display: none; 
    } 
    .modal { 
    position: absolute; 
    left: 0; 
    top: 0; 
    margin: 0; 
    padding: 0; 
    min-height: 550px; 
    visibility: visible; 
    /**Remove scrollbar for printing.**/ 
    overflow: visible !important; 
    } 
    .modal-dialog { 
    visibility: visible !important; 
    /**Remove scrollbar for printing.**/ 
    overflow: visible !important; 
    } 
    li { 
    page-break-after: auto; 
    } 

    /* Chart */ 

    .panel { 
    visibility: visible !important; 
    /**Remove scrollbar for printing.**/ 
    overflow: visible !important; 
    } 
} 

Answer 1

私はあまりよくないという考えで、それを解決したが、それは私が必要なものでした。

Iはchartのmedia printとmodalのcssファイルを分離し、各htmlファイルにそれを参照します。

私はそれは良い考えではないことを知っています。それはおそらくベストプラクティスではありませんが、私が必要とするものでした。ありがとう。