max-width로 반응형 이미지를 만들고 싶은데.. 채택완료
클로저
10년 전
조회 5,103
크롬은 창 크기를 줄이면 잘 줄어드는데 익스플로러나 파이어폭스는 꼼짝을 안하네요..
강좌를 봐도 이해가 잘 안되서 ㅠㅠ....
</p><p>img {</p><p> /* width:inherit; */</p><p> max-width:100%;</p><p> height:auto;</p><p>}</p><p> </p><p>iframe, embed, video {</p><p> /* width:inherit; */</p><p> max-width:100%;</p><p>} </p><p>
크롬
익스플로러
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
10년 전
이미지의 css
img {
width: inherit;
max-width: 100%;
height: auto;
}
이미지를 감싼 요소의 css
.lmgLay{
width:300px;
border:2px solid #e5e5e5;
}
이미지
<div class="imgLay">
<img src="/img/hahaha.jpg" style="width:500px;height:400px;" />
</div>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
10년 전
아래 코드를 제거하니 잘되는군요. +_+
</p><p><!-- 에러 발생 원인 -_-! --></p><p><table border=0 cellpadding=0 cellspacing=0 width=100%><!-- <?=$width?> --></p><p><tr></p><p> <td height=30 background="<?=$board_skin_path?>/img/view_dot.gif""></p><p> <div style="float:left;"></p><p> 글쓴이 : </p><p> <?=$view[name]?><? if ($is_ip_view) { echo " ($ip)"; } ?></p><p> </div></p><p> <div style="float:right;"></p><p> 조회 : <?=number_format($view[wr_hit])?></p><p> </p><p> </div></p><p> </td></p><p></tr></p><p><!-- 끝 --> </p><p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
10년 전
불량님이 했는데로 임의로 html 만들어서 하니까 잘되는군요.
게시판 스킨이 문제인것 같습니다. ㅠㅠ....;;
</p><p><!doctype html></p><p><html lang="ko"></p><p> <head></p><p> <meta charset="UTF-8"></p><p> <title>Test</title></p><p> <style></p><p>img {</p><p> max-width: 100%;</p><p> height: auto;</p><p>}</p><p> </p><p> </style></p><p> </head></p><p> <body></p><p> </p><p> </p><p><img src="<a href="<a href="http://i.imgur.com/e2xtbq5.jpg" target="_blank" rel="noopener noreferrer">http://i.imgur.com/e2xtbq5.jpg</a>"><a href="http://i.imgur.com/e2xtbq5.jpg" target="_blank" rel="noopener noreferrer">http://i.imgur.com/e2xtbq5.jpg</a></a>" /></p><p> </p><p> </p><p> </body></p><p></html> </p><p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인