읽기 폭과 코드 블록의 기준

본문은 좁게, 코드는 가로 스크롤을 허용하고, 이미지는 명시적 크기를 갖게 합니다.

본문 폭

본문 폭이 너무 넓으면 다음 줄을 찾는 데 시간이 걸립니다. Gaon Notes는 긴 문장과 한국어 기술 문서를 함께 읽기 편한 폭으로 본문을 제한합니다.

화면이 넓어져도 본문 자체는 늘리지 않고, 목차와 여백이 남는 공간을 사용합니다.

코드 블록

코드는 임의로 줄바꿈하지 않습니다. 긴 줄은 코드 블록 안에서 가로로 스크롤되며 페이지 전체 폭에는 영향을 주지 않습니다.

.article {
  max-width: var(--measure);
}

이미지 크기

이미지의 widthheight를 HTML에 기록하면 브라우저가 파일을 받기 전에 필요한 공간을 계산할 수 있습니다. 이 규칙은 레이아웃 이동을 줄이고 글의 흐름을 안정적으로 유지합니다.