CSS 미디어 쿼리를 사용하여 인쇄 가능한 웹 페이지를 만드는 방법은 무엇입니까?

인쇄 가능한 웹 페이지를 만들고 CSS 미디어 쿼리 인쇄 속성 @media print를 사용하여 페이지 인쇄 미리 보기의 스타일을 제어할 수 있습니다. @media print는 모든 웹페이지의 인쇄 미리보기 페이지에 페이지 스타일을 추가할 수 있는 CSS 미디어 쿼리입니다. 이 기능을 사용하면 미디어 쿼리에 따라 HTML 요소의 "가시성"을 "표시" 또는 "숨김"으로 지정하여 인쇄 가능한 웹 페이지를 만들 수 있으며, 인쇄 미리보기 화면에 원하는 것을 추가할 수도 있습니다. 다른 스타일 @미디어 인쇄 쿼리 .

문법

으아악

여기서 @media print는 인쇄 미리보기 페이지에 스타일을 추가하는 데 사용할 CSS 미디어 쿼리입니다.

예 1

이 예에서는 @media print CSS 쿼리에서 "visibility"를 "visible"로 설정하여 웹 페이지의 인쇄 미리 보기에 "p" 태그의 내용을 표시합니다.

으아악

예 2

이 예에서는 @media print CSS 쿼리에서 "visibility"를 "hide"로 설정하여 웹 페이지의 인쇄 미리 보기에서 "p" 태그의 내용을 숨깁니다.

으아악

결론

이 기사에서 우리는 @media print CSS 미디어 쿼리에 대해 알아보고 이를 사용하여 두 가지 예를 통해 인쇄 가능한 웹 페이지를 만들었습니다. 첫 번째 예에서는 인쇄 미리 보기 페이지에 "p" 태그의 내용을 표시하고, 두 번째 예에서는 인쇄 미리 보기 페이지에서 "p" 태그의 내용을 숨깁니다.

위 내용은 CSS 미디어 쿼리를 사용하여 인쇄 가능한 웹 페이지를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!