티스토리 블로그 줄간격 반응형 조절하기

티스토리 블로그 줄간격 반응형 조절하기

 

티스토리 줄간격 조절방법에 대해

알아보도록 해요.

근데 블로그 스킨 종류에 따라

적용되는 방법이 살짝 다른데

큰 틀은 동일하니 한번 해볼게요.

 

 

기본적으로 글마다 설정할수 있는 방법인데

위 그림처럼 퍼센트를 조절해서

줄간격을 조절할 수 있어요.

그런데 저렇게 하면 글 쓸때마다

계속 만져줘야 하니 귀찮겠지요.

 

 

그러면 영구적으로 적용하려면

HTML/CSS 편집 으로 들어가야

하는데 이 편집으로만 들어가면

머리가 아프신 분들 많지요^^

 

 

편집 모드에 들어가서 CSS에

들어가서 수치를 일부 수정해주면

되는 것인데요.

글간격 글자크기 등과 관련된 것은

CSS를 건드려 준답니다.

 

 

여기서 반응형 스킨과 기본 스킨이냐에

따라서 찾는 방법이 조금

달라지는데 결국 line-height 를

조절하는 것은 동일하답니다.

 

먼저 기본 스킨일 경우에는

article 이나 content

아니면 그대로 line-height를

Ctrl + F키를 눌러서 검색해줍니다.

 

 

 

 

article이나 content를 찾아주면

거기서 나타나는 line-heght 가 나오는데

그 비율을 140~180%로 맞춰주거나

 

px로 되어 있는 경우

14px정도 맞춰주면 어느정도

원하는 간격이 나올 겁니다.

 

 

그러나 반응형일 경우는 조금

다르지요. 줄간격이 은근히 헷갈리는 이유가

스킨의 종류가 워낙 다양하기

때문에 스킨에 따라 위치가 조금씩

다르기 때문입니다.

 

반응형일 경우 위 그림과 같은 곳을

찾으면 됩니다. line-heght를 찾아서

위와 같은 곳을 찾아서

px 크기를 10정도로 조절해주면

줄간격을 원하는 만큼 조절 가능합니다.

 

자 오늘은 여기까지 해보고

다음에 또 좋은 정보로 찾아올게요!^^