첨부파일 이미지 사이즈 조절방법
본문
일단... 반응형으로 만들고 있습니다.
그런데 그누보드의 기본 갤러리를 손봐서 갤러리 게시판을 만들었는데요... 원본 이미지가 클 경우에 사이즈가 더이상 줄어들지를 않네요.
테스트에 사용한 원본은 500X500입니다. 하지만 제가 원하는 사이즈는 PC에서는 500, 폰에서는 300이어야하는데요... 300이 안되네요.
제 생각에는 이미지 태그에 이미 사이즈가 정의되어 잇어서 그런 것 같습니다.
<a href="bbs/view_image.php?bo_table=review&fn=466316262_Ecneki4G_shaomi.jpg" target="_blank" class="view_image"><img src="/review/466316262_Ecneki4G_shaomi.jpg" alt="" width="500" height="500" ></a>
바로 이부분이요....
저 정의된 부분을 어디에서 지울 수 있나요?
아니면 반응형에 안맞게 손보는 방법을 알려주셔도 좋겠습니다.
감사합니다.
답변 1
모바일은 width='100%' 하시면 폭은 자동으로 맞춰줍니다. 폭에 비례해서 높이도 자동으로 됩니다.
스타일시트로 하시려면 모바일에만 적용되는 클래스 만들어서 적용하세요.
.mobile_photo{width:100% } 이런식으로요~
답변을 작성하시기 전에 로그인 해주세요.