2014-02-13 4 views
0

900px 너비의 iFrame을 여는이 웹 페이지가 있습니다. iFrame에는 window.print()을 호출하는 인쇄 단추가 있으며 iFrame에서 특정 div 만 인쇄합니다. 미디어 쿼리를 사용하여이 작업을 수행하고 있습니다. 내 print.css에서 나는이 2 문제는 두 번째 미디어 쿼리가 난 그냥 정기적으로 인쇄 할 때 적용되고 있음이고, 두 번째 미디어 쿼리가 몸을 숨기기 때문에 빈 페이지를 얻을iFrame Media Query 내부에 인쇄하십시오.

@media print { 
    /* 
    * This is the normal print when I want to print the web page, 
    * it hides the menu and other unnecessary information 
    * so that it won't print 
    */ 
} 

@media print and (max-width: 900px) { 
    /* 
    * here I set the body's visible to hidden, 
    * and only display the div that I want to print 
    */ 
} 

쿼리 있습니다. 그것은 iFrame에서 잘 작동합니다. 두 번째 미디어 쿼리를 제거 할 위치를 정상적으로 인쇄 할 수 있지만 iFrame 양식을 인쇄 할 때 부모 창에서 이러한 필요한 모든 배경 물건을 인쇄합니다. 만약 내가 둘을 결합해야한다면, 빈 페이지를 얻을 때 웹 페이지의 모든 것에 "특별한"셀렉터를 추가해야한다. 어떤 아이디어?

답변

0

방금 ​​변경했습니다. max-widthmin-width

관련 문제