CSS 미디어 쿼리 충돌

Question

@media print {} 쿼리에 문제가 있습니다. 인쇄물의 포트폴리오를 멋지게 보이게하려고합니다. 링크는 http://izzatnadiri.com/

입니다. 페이지를 인쇄하려고하면 내용이 오른쪽으로 이동합니다. 그 이유는 여기에

@media (min-width:768px) { 
#wrapper { padding-left: 400px; } 
#sidebar-wrapper { width: 400px; } } 

때 인쇄 print.css에 의해 오버라이드 (override) 할 필요가 CSS 파일 //izzatnadiri.com/css/simple-sidebar.css

이 코드에 대한 링크입니다 코드를 다음입니다 . 이 코드는 내가 페이지를 인쇄하려고하면 링크가,

그러나

//izzatnadiri.com/css/print.css print.css하는 것입니다 여기에

@media print{ 
#sidebar-wrapper {width: 0px;} 
#wrapper {padding-left: 0px !important; -webkit-transition: none !important; }} 

이하, 인쇄 쿼리는 분을 무시하지 않습니다 -width 쿼리.

도움을 받으실 수 있습니다.

미리 감사드립니다.

Answer 1

첫 번째 미디어 쿼리에 "화면"을 넣으려고 했습니까? 나는이 같은 뜻 :

@media screen (min-width:768px) { 
#wrapper { padding-left: 400px; } 
#sidebar-wrapper { width: 400px; } }