솔루션 : CSS 미디어 쿼리

CSS 미디어 쿼리는이 문제에 대한 솔루션을 제공합니다. '인쇄'매체에 대한 미디어 쿼리 내에 특정 스타일 규칙을 적용하면 인쇄물이 진행 중인지 여부에 따라 요소의 가시성을 제어 할 수 있습니다. 스타일 시트에 대한 코드를 따르십시오 :

@media print { .no-print, .no-print * { 디스플레이 : 없음! 중요; } } 이 규칙은 브라우저가 인쇄 모드에있을 때 'No-Print'클래스가있는 모든 요소가 숨겨 질 것이라고 명시하고 있습니다. 예를 들어 :

print (인쇄를 클릭하십시오)

예 :

1. 의 효과를 보여줍니다. 저녁 "

   인쇄 (인쇄를 클릭하십시오)

   @media print {
       .no-print, .no-print * {
           display: none !important;
       }
   }