Milligram: 인쇄/에뮬레이트된 인쇄 렌더링 시 스타일이 유지되지 않음

에 만든 2018년 05월 24일 · 2코멘트 · 출처: milligram/milligram

버전 정보

밀리그램: - http://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css 를 통해 최신

기타(예: normalize.css, node.js, npm, bower, 브라우저, 운영 체제)(해당되는 경우):
normalize.css - http://cdn.rawgit.com/necolas/normalize.css/master/normalize.css 를 통한 최신
크롬 - 버전 66.0.3359.181(공식 빌드)(64비트)(Linux)

테스트 케이스

https://codepen.io/robsdudeson/pen/ZoNgvP

재현 단계

페이지로 이동한 후
인쇄 선택, 인쇄 미리보기 또는 인쇄 렌더링 에뮬레이션 활성화

예상되는 행동

인쇄 보기의 스타일이 화면 보기의 스타일과 더 밀접하게 일치합니다.

실제 행동

스타일은 같은 방식으로 적용되지 않습니다.

일반 렌더링

issue-199-no-emulation

인쇄 렌더링

issue-199-print

Hacktoberfest

출처

robsdudeson

가장 유용한 댓글

CSS를 연결할 때 media="all" 사용

<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">

여기에서 업데이트된 codepen을 참조하십시오.
https://codepen.io/marcusasplund/pen/bKBmbo

marcusasplund 에 2018년 06월 08일

👍2

모든 2 댓글

CSS를 연결할 때 media="all" 사용

<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">

여기에서 업데이트된 codepen을 참조하십시오.
https://codepen.io/marcusasplund/pen/bKBmbo

marcusasplund 에 2018년 06월 08일

👍2

@marcusasplund 도와주셔서 감사합니다 @robsdudeson

@robsdudeson 지금은 이 문제를 종료하겠습니다.
도움이 필요하면 언제든지 다시 열거나 새로 여십시오!

cjpatoilo 에 2020년 05월 20일

👍1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급