max-width로 반응형 이미지를 만들고 싶은데.. 채택완료
크롬은 창 크기를 줄이면 잘 줄어드는데 익스플로러나 파이어폭스는 꼼짝을 안하네요..
강좌를 봐도 이해가 잘 안되서 ㅠㅠ....
</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;
}
이미지
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
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>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택