머리큰 아저씨의 보약 같은 이야기

티스토리 애드센스 때문에 모바일에서 우측 짤리는 현상 css로 간단 해결방법 본문

주저리

티스토리 애드센스 때문에 모바일에서 우측 짤리는 현상 css로 간단 해결방법

머리큰 아저씨 Yanca 2019. 3. 2. 19:20
반응형

티스토리 애드센스 때문에 모바일에서 우측 짤리는 현상 간단 해결방법


티스토리에 정성껏 글을 쓰고 룰루랄라 한참을 있다가 무심코 모바일로 다시 열어보니 어떤 때는 좌우 간격 잘 맞춰 문제없이 중앙 정렬로 나오다가 광고가 맞지 않으면 우측이 부족한 현상이 나타난다.


그 이유는 어쩌다가 애드센스 광고가 적당한것이거나 

안나오는 경우에 해당한다!

쿠궁!



그런데 광고가 나오면 이런 현상이 대부분이다.



이럴 때 야매로운 간단 해결 방법!


아래의 CSS 코드를 스킨편집의 HTML - CSS 내용 아무곳에 추가해준다. 


다만 .area_view 근처에 추가해준다면 더 굳!


---------------------------------------------------

/* 내용이 모바일일때 가로폭설정 */

@media (max-width: 768px){

.area_view img { padding-right:30px;}

.area_view p { padding-right:30px;}

}

----------------------------------------------------


내용은 만약 디바이스 가로 사이즈가 768px보다 작아진다면 내용의 이미지와 글자 우측에 여백을 30px만큼 줘라!


라는 내용!


때론 모바일에서 황당하게 우측 여백이 크게 생기기도 하지만 애드센스 광고때문이니 다른 복잡한내용은 뭐가 뭔지 모르겠고 그냥 글 작성할때마다 div 테그 붙여가며 고쳐줄 필요없이 그냥 CSS 내용을 손봐주면 된다능!


좋다! 좋다! 


끗.

반응형
0 Comments
댓글쓰기 폼