소금인형 - SW개발자?

프린트 할때, 특정 영역 출력되지 않게 하는 CSS 방법 아래의 class="no-print"한 영역은 출력이 되지 않는다. [ CSS 영역 ]@media print{ .no-print, .no-print * { display: none !important; } } [ HTML 영역 ] 참고: http://stackoverflow.com/questions/355313/how-do-i-hide-an-element-when-printing-a-web-page [ Chrome에서 Print 옵션에 Headers and footers 없애기 ] @page { margin: 0; }으로 주게 되면, 해당 옵션이 없어집니다.@media print { .no-print, .no-print * { display: no..

폭에 따른 View가 다르게 보여주는 방식를 쉽게 처리하는 방법은 바로 CSS Media Query를 이용하는 것이다. Max Width값 @media screen and (max-width: 600px) { .class { background: #ccc; } } link 방식 Min Width값 @media screen and (min-width: 900px) { .class { background: #666; } } Multiple Media Queries @media screen and (min-width: 600px) and (max-width: 900px) { .class { background: #333; } } Device Width @media screen and (max-device-wi..