테스트 사이트 - 개발 중인 베타 버전입니다

인쇄 미리보기 화면에서 ... 채택완료

nanati 10년 전 조회 3,740

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

더 크게 나와 잘립니다. 

 

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

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

 

 

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

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

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

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

 

 

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

답변 2개

채택된 답변
+20 포인트
10년 전

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

 

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

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

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

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

10년 전

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

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

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

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

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

로그인