인물 모드의 용지 인쇄 문제

본인의 작업을 위해이 양식을 인쇄했습니다.인물 모드의 용지 인쇄 문제

이제 인물 모드에서는 문제가 최소화되고, A4 편지의 절반 정도의 크기처럼 작게 보입니다. 가로 모드에서는 잘 보입니다.

@media print { 
textarea{ 
     border:none; 
    } 
textarea#difekti { 
padding-bottom:40px; 
border:none; 
    } 
#menu-home { display:none } 
#status-print { display:none } 
#submit-f {display:none}; 
#MainContent { 
    display: block; 

} 
#tab1 table, td, th { 
    border: 1px solid red; 
} 

#tab1 thead { 
    float: left; 
} 


#tab1 thead th { 
    display: block; 
    background: yellow; 
} 

#tab1 tbody { 
    float: right; 
} 
#programi { 
    display:none; 
} 
#kursor { 
    display:none; 
} 
#adresa { } 
* {position:static !important;} 

}

어떤 제안 : 여기

내 미디어 인쇄 CSS는 무엇입니까? 게다가 IE에도 문제가 있습니다. IE 용 미디어 인쇄물을 추가로 만들 수 있습니까? 감사합니다

출처

2013-02-01 Alb M

이 코드를 별도의 CSS 파일로 변경하고 media = "print"을 CSS 링크의 가장 아래쪽에 사용하여 HTML 문서에 연결해야합니다.

<link rel="stylesheet" type="text/css" media="print" href="path/to/your/css" />

이렇게하면 IE에서 발생하는 문제를 방지 할 수 있습니다.

출처

2013-02-01 08:47:06

잘 예, 구분 , 그것은 너무 지저분 해져서 온다. –

나는 모든 발전에서 그것을한다. 그것은 유지와 함께 나에게 도움이된다. 그리고 또한 그것은 최고의 연습이다. 따라서, @media print {}는 CSS3에서 제공되므로 나중에 IE는 렌더링하지 않습니다. –

@page CSS at-rule은 문서를 인쇄 할 때 일부 CSS 속성을 수정하는 데 사용됩니다. @page로 모든 CSS 속성을 변경할 수는 없습니다. 문서의 여백, 고아, 과부 및 페이지 나누기 만 변경할 수 있습니다. 다른 CSS 속성을 변경하려는 시도는 무시됩니다.

@page { size:5.5in 10in; margin: 1cm }

출처

2013-02-01 08:59:37

@media 인쇄 및 (방향 : 세로) {여기에 스타일}

@media 인쇄 및 (오리엔테이션 : 가로) {여기에 스타일} 내가 그렇게 할 경우

출처

2017-04-28 10:28:32

답변

관련 문제