모바일과 PC용 배너를 구분하여 보여주기 – 미디어 쿼리를 이용한 1가지 방법
모바일과 PC용 배너를 구분하여 보여주기 위해 미디어 쿼리(Media Query)를 사용할 수 있습니다. 아래는 그 구현 방법입니다. 웹사이트 운영 중, 홍보용 배너를 가로형으로 제작해 노출시켰으나 모바일 환경에서 반응형으로 작동할 때 배너 안의 텍스트가 너무 작게 보이는 문제가 발생했습니다. 이에 모바일용 배너를 별도로 제작하기로 했으며, 즉 두 개의 이미지를 준비해 각각 PC 접속과 모바일 접속 시 다르게 … 더 읽기