CSS반응형1 Media Query로 모바일 최적화-광고가 화면 밖으로 삐져나왔다 티스토리 블로그에 애드센스 광고를 붙이고 나서 PC로 보면 멀쩡한데 모바일로 열면 광고가 화면 밖으로 삐져나와 있었습니다. 가로 스크롤이 생기고 레이아웃이 무너지는 거였습니다. 처음엔 애드센스 설정 문제인 줄 알고 광고 코드를 이리저리 바꿔봤습니다. 원인은 거기 있지 않았습니다. CSS에서 화면 크기에 따라 반응하는 설정을 제대로 안 해뒀던 게 문제였습니다. 그게 Media Query입니다.이 경험이 답답했던 건, 문제 자체가 눈에 보이는데 원인을 못 찾는 상황이었기 때문입니다. 광고가 분명히 삐져나와 있는데, 뭘 고쳐야 하는지 몰랐습니다. CSS라는 단어는 알았지만 Media Query는 처음 듣는 개념이었고, 관련 글을 찾아보니 대부분 코드 예시만 잔뜩 있고 "왜 이게 필요한가"에 대한 설명은 빈약했.. 2026. 4. 7. 이전 1 다음
