다른 이미지1 PC, 모바일에서 다른 이미지 출력하는 스크립트 "PC, 모바일에서 다른 이미지 출력하는 스크립트" 웹사이트를 개발하다 보면 PC와 모바일에서 각각 다른 이미지를 출력해야 하는 경우가 있습니다. 예를 들어, PC에서는 상세한 이미지를, 모바일에서는 간략한 이미지를 출력하고 싶을 때가 있습니다. 이러한 경우, 다음과 같은 방법으로 스크립트를 작성하여 PC와 모바일에서 다른 이미지를 출력할 수 있습니다. 페이지 폭을 인식하여 이미지를 출력하기 위의 스크립트는 window.innerWidth 속성을 사용하여 현재 페이지의 너비를 확인합니다. 페이지 너비가 768픽셀보다 크면 PC에서 접속한 것으로 간주하여 .pc-image 클래스를 가진 이미지를 출력합니다. 너비가 768픽셀보다 작으면 모바일에서 접속한 것으로 간주하여 .mobile-image 클래스를 가.. IT스토리/인터넷 이야기 2023. 9. 7. 더보기 ›› 이전 1 다음
