png 파일 모바일 인식?

Question

위탭을 모바일로 열면 후기,문의,배송안내 등등 이미지들이 엄청 크게 잡히더라구요.

png파일이라 그런건지..

모바일화면에도 맞춰주려고 하는데 방법이 있나요?

lacomparte · Accepted Answer

최초 php에서 저걸 만들거나 하실때 특정 class 를 추가해주시구

스타일에서

Copy

.특정클래스{display: block; width 100%;}

이렇게 선언해주시면됩니다.

엄청 크게 잡히는 이유는

이미지 자체의 width 값을 모바일에서도 유지하기 때문입니다~

하지만 스타일로 width값을 잡아줄경우

모바일의 width 값을 따라가기 때문에 ㅎㅎ

넘치거나 하지 않습니다.

진서기님 말대로 하실꺼면

Copy

.특정클래스{display: block; width: 90%; margin: auto}

margin: auto 를 추가하시는게 더 좋을것 같습니다 ㅎ

진서기 · Answer

모바일 전용 스타일을 만들어서 적용하세요. .mobile_img{width:90%} 이렇게 해보세요