HTML (2) 썸네일형 리스트형 [Markdown] 마크다운 이미지 삽입 및 이미지 크기 조절 깃허브에서 이슈나 ReadMe를 다룰 때 마크다운 언어를 사용하는데 이슈나 ReadMe 안에 이미지를 넣고 그 이미지의 크기를 조절하는 방법에는 두 가지가 있다. 1. 마크다운 사용(사이즈 조절 불가능)  2. HTML 태그 사용 (사이즈 조절 가능) [CSS] 단락 높이를 화면에 꽉 맞게 지정하기 보통 화면에 꽉 맞는 높이를 지정하기 위해서는 100%를 자주 쓴다. 하지만 기괴하게도 100%로 선언하면 내가 원하는대로 안 되는 경우가 많다. 그렇다고 px 값을 지정해서 준다면 화면 크기가 바뀌었을 때 스크롤만 무한히 내려갈 것이다. 그러면 어떻게 %가 아닌 고정값으로 화면에 맞게 높이를 지정하는가? 아래 코드를 사용하면 쉽게 구현할 수 있다. /* 배경 이미지 */ body { height: 100vh; background-image: url('path'); background-repeat: no-repeat; background-size: cover; } /* 단락 */ div { width: 100%; height: 100vh; } heigth에 100vh를 지정해주면 된다. 이전 1 다음