[React/Front] CSS Scoping in React / CSS 적용범위
CSS를 사용하면 강제적으로 프린터의 레이아웃을 고정시킬 수 있다. 바로 아래와 같은 형태의 코드를 사용하면 된다. @media print { @page { size : landscape } } 본래 Chrome에서 프린트를 하게 되면 이전에 프린트했던 옵션을 기억하고 있어 그대로 사용할 수 있다. 하지만 여기서 size옵션에 portrait나 landscape를 주면 레이아웃을 세로 혹은 가로로 고정시킨채로 출력 Prompt를 불러올 수 있다. 레이아웃 뿐만 아니라 페이지의 크기(inch단위), 출력할 용지의 크기(B4, A4 등..) 도 적용하여 출력할 수 있으니 관심있으신 분들은 아래 공식 Document를 참고하길 바란다. https://stackoverflow.com/questions/72853..
프론트 연구 노트
2022. 7. 23. 12:48
