[CSS] 화면에 보이는 것과 인쇄하는 화면의 폰트 크기가 다를 경우...
WEB/CSS / 2010. 12. 28. 00:18
HTML 에서 텍스트가 있는 DIV 영역들을 출력하게 될 경우 예상했던 사이즈를 초과하여 인쇄화면이 깨지는 현상을 겪고 있었습니다.
CSS 를 이용하여 문제를 어느정도 해결할 수 있었습니다.
@media screen {
.div_layer { font-size: 10pt; }
}
@media print {
.div_layer { font-size: 9.6pt; }
}
.div_layer { font-size: 10pt; }
}
@media print {
.div_layer { font-size: 9.6pt; }
}
인쇄 시에는 대략 0.96 배로 설정을 하면 얼추 비슷한 결과를 얻을 수 있네요...
역시 인생은 꼼수입니다.