Home IT/WEB 웹페이지 인쇄 스타일 확인 및 수정하는 방법

[css]웹페이지 인쇄 스타일 확인 및 수정하는 방법

웹페이지를 인쇄 할 때 인쇄 화면에서 제외하고 싶거나 레이아웃이 무너져서 스타일 수정이 필요할 경우가 있습니다. 웹페이지 인쇄 스타일을 수정하는 방법과 수정할 때 쉽게 인쇄화면을 확인 하는 방법에 대해서 알아보겠습니다.

CSS 적용

inline ad

css media query 에는 여러 유형이 있습니다. 반응형 처리할 때 사용되는 screen 이 있으며 인쇄에 필요한 print 가 있으며 그외에 all, speech 등이 있습니다. 아래의 구문 같이 @media print 를 작성하시면 미디어 유형은 프린터를 특정하며 @media screen, print {…} 이렇게 작성하시면 스크린과 인쇄 장치 다수의 장치를 특정할 수 있습니다.

@media print {
  /* insert your style declarations here */
}

크롬에서 인쇄 스타일 확인

크롬 개발자도구(F12) -> devTools 맞춤설정 및 제어 -> 도구 더보기 -> 렌더링 을 선택하시면 개발자도구 하단에 렌더링 탭이 생깁니다.

크롬 개발자도구

렌더링 탭에서 CSS 미디어 유형 에뮬레이션(테스트 인쇄 및 화면 스타일의 미디어 유형을 강제 실행합니다.) 옵션에서 인쇄를 선택하시면 인쇄 스타일을 확인하실 수 있습니다. CSS 를 수정하시면서 인쇄 스타일을 확인하시면 Ctrl + P 로 인쇄 스타일을 확인 필요없이 수정이 가능합니다.

RECENT POSTS

After Effects 엥커포인트 중앙으로 이동하는 방법 및 스크립트

After Effects 에서 애니메이션을 하기 위해서는 움직이는 대상의 Anchor Point 에 따라서 크기나 위치, 회전 등의 차이가 있습니다. After Effect 에서는 Layer content 에...

제주도 도로교통상황, 통제상황 및 이번주 제주도 날씨 2023-01-25

제주도로교통상황 한라산 탐방은 현재 전면 통제중이며 제주시와 서귀포시를 잇는 1100도로, 5.16도로 전 구간은 전차량 통제상황, 소형차의 경우 제1산록도로가 통제 상황입니다. 제주교통통제상황: https://www.jjpolice.go.kr/jjpolice/notice/traffic.htm ...

[EPIC GAME] Horizon Chase Turbo 2022.12.18 까지 무료 다운로드

Horizon Chase Turbo 를 2022.12.18일 01:00 까지 EPIC GAME 에서 무료로 다운 받을 수 있습니다. 오락실 자동차와 같은 레이싱 게임입니다. https://store.epicgames.com/ko/p/horizon-chase-turbo https://www.youtube.com/watch?v=5LMugZ300L8 Horizon Chase Turbo Horizon Chase Turbo는...

제주도로교통상황 및 이번주 제주도 날씨 2022-12-17 현재

제주도로교통상황 한라산 탐방은 현재 전명 통제중이며 제주시와 서귀포시를 잇는 1100도로 전 구간은 통제상황입니다. 5.16도로 마방목지~성판악 / 성판악~숲터널 구간은 소형 자량인 경우 체인을 설치해야만 운행 가능합니다. 제주지방기상청은...