2014-06-30 15 views
0

내가 종이 80mm를 사용하여 종이 사본에서 HTML 페이지를 인쇄하려면이 코드를 작성에서 인쇄 HTML 페이지에 대한 유구를 설정할 수 있지만,이 코드는 내가 그것을내가 CSS를

@media print { 
    div.invoice{ 
     background: #FFFFFF; 
     width:40%; 
     margin-left:30%; 
     margin-top: 0px 
     } 
     div.invoice div{ 
      background: #FFFFFF; 
      color: black; 
      margin-left: 1%; 
     } 
     div.invoice h2{ 
      font-size: 14px; 
     } 
     div.invoice h3{ 
      font-size: 13px; 
     } 
     div.invoice h4{ 
      font-size: 12px; 
     } 
     div.invoice div h2, div.invoice div h3, div.invoice div h4{ 
     color: black; 
     line-height:0.8em; 
     margin-top:1px; 
     -webkit-margin-before: 0.8em; 
     -webkit-margin-after: 0.8em; 
      } 
     h1, h2, h3, h4{ 
      -webkit-margin-before: 0.4em; 
      -webkit-margin-after: 0.4em; 
      } 
    } 
+0

정확히 무엇이 문제입니까? 좀 더 자세히 설명해주세요. –

+0

화면 스타일로 표시되는 인쇄 버튼을 누르면 –

답변

1

를 해결하기 위해 몇 가지 도움이 필요 제대로 작동하지 않는 방법 이하의 절차에 따라 :

1 단계 :

<link rel="stylesheet" href="stylesheet.css" type="text/css" media="print" > 

2 단계 : 스타일 시트 링크 나 예에 미디어 = "인쇄" 추가 그리고 수에 따라 낮은 미디어 쿼리.

@media print 
{ 
body { margin: 0; background-image: none; font-size: 12pt; } 
} 
+0

이 코드 –

+0

링크 태그를 사용하여 head 태그와 @media 사이에 업로드하십시오. CSS 파일에 추가하십시오. – codeee