[CSS] @media 이용해 인쇄용 CSS

 

 

 

보통 반응형 웹을 제작하기 위해 CSS에 @media 를 이용해 screen 사이즈에 따라 다르게 CSS를 지정해줍니다.

 

 

@media 로는 screen 뿐만아니라 print 즉 인쇄물에도 지정할수 있습니다.

 

아래와 같이 지정한다면 해당 선택자는 화면에서는 잘 보이지만,

화면을 출력할 경우에는 출력되지 않습니다. 

@media print {
    선택자 { display:none; }
}

 

 

---

 

screen - 모니터 화면 

print - 인쇄

speech - 화면낭독기 

all - 기본값으로 모든 장치에 적용됨