채택완료

인쇄 미리보기 화면에서 ...

현재 작업중인 사이트가 인쇄 미리보기 화면상에서 화면 폭에 맞게 나오지 않고

더 크게 나와 잘립니다. 

예를 들면.. 이런 느낌입니다. (위-원래 디자인/ 아래-인쇄 미리보기 화면)

군데군데 들쑥날쑥 밖으로 벗어나거나, 70:30으로 나눴는데 50:50으로 나온다든가;;;

907fd7a08fb9c9872fa425ae10af069a_1417415547_3086.png

지금 미디어쿼리로 print.css를 작성하고 있는데...

그것 외에 혹시 방법이 있나요? 

인쇄 미리보기 화면에서 (인쇄도 물론...) width를 100%로 설정하는 방법이 있을까요?

질문의 설명이 잘 되었는지 걱정입니다 ...;;

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

인쇄 미리보기는 현재 화면 페이지 똑같이 보여주는것 아닌가요..?

css에 width값이 넘어가는것 아닐까요? 

겉에 껍데기에 max-width를 사용하는 방법은 어떨까요?

답변에 대한 댓글 1개

가장 큰 div를 말씀하시는건가요?
아니면 body일까요? ..
아무래도 지금 반응형으로 작업중이라.. 인쇄시에 뒤죽박죽으로 나오는 것 같아요;; ㅠ ㅠ

반응형은 잘은 모르지만 미디어쿼리로 작업하신다면 브라우저 크기에 따른 css가 다른게 실행이 될텐데..

그 미디어쿼리에 이미 max-width, min-width가 있으니 100%로 작업을 하시는게 더 좋을듯 합니다.

답변에 대한 댓글 1개

아무래도 인쇄 적용 사이즈가 각 부분별로(미디어쿼리) 사이즈가 다르기 때문인 것 같아요 ㅠ ㅠ
어렵네요 히히 답변 감사합니다 ^^

답변을 작성하려면 로그인이 필요합니다.