모바일퍼스트1 Media Query로 모바일 최적화 (반응형 CSS, 브레이크포인트, 애드센스) 티스토리 블로그에 애드센스 광고를 붙이고 나서 PC로 보면 멀쩡한데 모바일로 열면 광고가 화면 밖으로 삐져나와 있었다.가로 스크롤이 생기고 레이아웃이 무너지는 거다. 처음엔 애드센스 설정 문제인 줄 알고 광고 코드를 이리저리 바꿔봤다. 원인은 거기 있지 않았다. CSS에서 화면 크기에 따라 반응하는 설정을 제대로 안 해뒀던 게 문제였다. 그게 Media Query다.Media Query로 모바일 최적화 (반응형 CSS, 브레이크포인트, 애드센스)티스토리에 애드센스 광고를 처음 붙이고 나서, PC에서는 레이아웃이 멀쩡한데 스마트폰으로 보니 화면 오른쪽이 잘려나가는 걸 발견했습니다. 가로 스크롤이 생긴 겁니다. 원인을 찾는 데만 한참이 걸렸고, 그 과정에서 Media Query가 블로그 운영에서 얼마나 근본.. 2026. 4. 7. 이전 1 다음
