Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 삼성벽걸이에어컨청소
- 단풍
- 보이스피싱걱정
- 트위치
- 유튜브자동로그인에러
- 신관동
- 인생
- 바라요.
- 네이버접속
- 바라.
- 토착
- 유튜브로그인
- 바랐다.
- 스팸메일 #네이버아이디 #이메일조심
- 네이버접속장애
- 미세먼지
- 레노버 #v14 #노트북
- 네이버안됨
- 공주
- 화상벌레
- 엉터리들
- 카페24안됨
- 애드고시
- 카페24접속
- 카페24에러
- 일본
- 야비한자들
- 양심
- 에어컨청소는돈내고하자
- 유튜브에러
Archives
- Today
- Total
머리큰 아저씨의 보약 같은 이야기
티스토리 애드센스 때문에 모바일에서 우측 짤리는 현상 css로 간단 해결방법 본문
반응형
티스토리 애드센스 때문에 모바일에서 우측 짤리는 현상 간단 해결방법
티스토리에 정성껏 글을 쓰고 룰루랄라 한참을 있다가 무심코 모바일로 다시 열어보니 어떤 때는 좌우 간격 잘 맞춰 문제없이 중앙 정렬로 나오다가 광고가 맞지 않으면 우측이 부족한 현상이 나타난다.
그 이유는 어쩌다가 애드센스 광고가 적당한것이거나
안나오는 경우에 해당한다!
쿠궁!
그런데 광고가 나오면 이런 현상이 대부분이다.
이럴 때 야매로운 간단 해결 방법!
아래의 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) | 2019.03.07 |
---|---|
유튜브 퍼가기 오류 에러 (0) | 2019.03.05 |
아크로뱃 프로 CS6 마스터컬렉션버전 안열림 증상 (1) | 2019.02.21 |
플래시 말게임 좌표 (0) | 2019.01.22 |
옳다고 믿는것 (0) | 2019.01.10 |
Comments