크롬은 창 크기를 줄이면 잘 줄어드는데 익스플로러나 파이어폭스는 꼼짝을 안하네요..
강좌를 봐도 이해가 잘 안되서 ㅠㅠ....
Copy
img { /* width:inherit; */ max-width:100%; height:auto;} iframe, embed, video { /* width:inherit; */ max-width:100%;}크롬
익스플로러
답변 3개
채택된 답변
+20 포인트
불량학생™
2015-01-27 (화) 16:57:05
이미지의 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>
2015-01-27 (화) 19:22:20
아래 코드를 제거하니 잘되는군요. +_+
Copy
<!-- 에러 발생 원인 -_-! --><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><!-- 끝 -->
2015-01-27 (화) 18:02:54
불량님이 했는데로 임의로 html 만들어서 하니까 잘되는군요.
게시판 스킨이 문제인것 같습니다. ㅠㅠ....;;
Copy
<!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>
답변을 작성하려면 로그인이 필요합니다.