max-width로 반응형 이미지를 만들고 싶은데..
본문
크롬은 창 크기를 줄이면 잘 줄어드는데 익스플로러나 파이어폭스는 꼼짝을 안하네요..
강좌를 봐도 이해가 잘 안되서 ㅠㅠ....
img {
/* width:inherit; */
max-width:100%;
height:auto;
}
iframe, embed, video {
/* width:inherit; */
max-width:100%;
}
크롬
익스플로러
답변 3
이미지의 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>
불량님이 했는데로 임의로 html 만들어서 하니까 잘되는군요.
게시판 스킨이 문제인것 같습니다. ㅠㅠ....;;
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Test</title>
<style>
img {
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<img src="http://i.imgur.com/e2xtbq5.jpg" />
</body>
</html>
아래 코드를 제거하니 잘되는군요. +_+
<!-- 에러 발생 원인 -_-! -->
<table border=0 cellpadding=0 cellspacing=0 width=100%><!-- <?=$width?> -->
<tr>
<td height=30 background="<?=$board_skin_path?>/img/view_dot.gif"">
<div style="float:left;">
글쓴이 :
<?=$view[name]?><? if ($is_ip_view) { echo " ($ip)"; } ?>
</div>
<div style="float:right;">
조회 : <?=number_format($view[wr_hit])?>
</div>
</td>
</tr>
<!-- 끝 -->
답변을 작성하시기 전에 로그인 해주세요.