html 페이지를 인쇄하는 방법은 응답보기 CSS를 무시합니까?

Question

html 페이지를 인쇄하고 싶습니다. html 페이지가 반응적입니다. 인쇄 된 형식은 데스크탑에서 볼 때 잘됩니다. 하지만 여기서 문제는 모바일을 사용할 때 인쇄 된 형식이 데스크톱을 사용하는 인쇄 된 버전과 다를 수 있다는 것입니다. 내용이 확대됩니다. 모바일에서 인쇄 한 형식을 데스크탑처럼 인쇄하려면 어떻게해야합니까?

Answer 1

CSS에 @media print을 사용할 수 있으며 CSS 파일의 올바른 위치에 검색어가 적용되었는지 확인하십시오. 예 :

@media print 
    { 
     p.bodyText {font-family:Georgia, times, serif;} 
    } 

아니면 별도의 파일에 스타일 시트를 정의하는 경우 외부 스타일 시트에 링크 할 때, 당신은 또한

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

Answer 2

그냥 데스크탑 미디어 쿼리를 추가 미디어 속성을 사용할 수 있습니다 인쇄용. 이게 뭐니 뭐니?

@media print and (min-width: 1024px) { 
}