Loading the content...

팁 & 테크

  • Home
  • 스터디
  • 팁 & 테크

이미지 반응형으로 삽입하기

2,221 2015.04.23 19:08

짧은주소

본문

http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=1372&page=16

위 질문을 다시 찬찬히 보니...
감춰야 하는 이유가... 이미지 크기 때문이었네요.
단지, 크기 때문이라면 감출 필요가 없습니다.

'index_bs.html'에 삽입하려면 가로 845px 이상의 이미지를 준비합니다.
'side_bs.html'에 삽입하려면 가로 262px 이상의 이미지를 준비합니다.

 

<img src="../image/sewol.jpg" style="width:100%;height:auto">
위 예와 같이
style="width:100%;height:auto"
소스만 삽입해주면 됩니다.

2
좋아요!
- fm25 메일보내기 아이디로 검색 - 회원등급 : 새싹/Level 11 - 포인트 : 104,755
레벨 11
경험치 12,674

Progress Bar 77%

- 가입일 : 2015-02-07 19:40:40
- 서명 : 영원한 초보!!!
Home Page : internationale.kr
Eyoom Builder Test : liberta.kr
- 자기소개 : SIR의 존재감 없는 회원입니다~^^
댓글목록

레오나르도님의 댓글

유용한 정보 감사합니다.
참고로 이미지를 반응형으로 맞추기 위해 이윰빌더에 이미 아래의 동일한 클래스가 존재하네요. 동일한 결과이니 참고 해 주세요.

<img src="이미지경로" class="img-responsive">

축하합니다. 첫댓글 포인트 13포인트를 획득하였습니다.

fm25님의 댓글

고맙습니다~^^

레오나르도님의 댓글

다 차려놓은 밥상... 숟가락 하나 얹었을 뿐입니다.^^

티보리님의 댓글

감사합니다.

joosam님의 댓글

좋은팁에 좋은 댓글입니다~~

비즈팔님의 댓글

멋집니다.
적용해 봐야겠군요.
감사합니다.

허거덩님의 댓글

이렇게 하면 pc쪽에서는 중앙 정렬이 안되지 않나요?
모바일은 중앙 정렬이 되는데 pc에서는 중앙 정렬이 안되네요. ㅠㅠ

studyhaza님의 댓글

감사합니다~~

studyhaza님의 댓글

감사합니다~~