http://hjin2013.dothome.co.kr/shop/item.php?it_id=1401085543#sit_use
위탭을 모바일로 열면 후기,문의,배송안내 등등 이미지들이 엄청 크게 잡히더라구요.
png파일이라 그런건지..
모바일화면에도 맞춰주려고 하는데 방법이 있나요?
|
답변 2개
채택된 답변
+20 포인트
lacomparte
2014-05-28 (수) 13:22:47
최초 php에서 저걸 만들거나 하실때 특정 class 를 추가해주시구
스타일에서
Copy
.특정클래스{display: block; width 100%;}이렇게 선언해주시면됩니다.
엄청 크게 잡히는 이유는
이미지 자체의 width 값을 모바일에서도 유지하기 때문입니다~
하지만 스타일로 width값을 잡아줄경우
모바일의 width 값을 따라가기 때문에 ㅎㅎ
넘치거나 하지 않습니다.
진서기님 말대로 하실꺼면
Copy
.특정클래스{display: block; width: 90%; margin: auto}margin: auto 를 추가하시는게 더 좋을것 같습니다 ㅎ
2014-05-28 (수) 09:56:05
모바일 전용 스타일을 만들어서 적용하세요.
.mobile_img{width:90%} 이렇게 해보세요
답변을 작성하려면 로그인이 필요합니다.