테스트 사이트 - 개발 중인 베타 버전입니다

반응형 질문좀 채택완료

zkdlf 8년 전 조회 2,659

사이즈에 따라 이미지 사이즈를 바꾸고싶어서 반응형을 했는데 안먹히네요

이렇게 하는게 아닌가요?

.slide_over {      height: 55%;

        box-sizing: border-box;         padding: 5px 0;     }

@media screen and (max-width: 1030px) {  .slide_over{height: 40% ;} }  @media screen and (max-width: 830px) {  .slide_over{height:30% ;} }

 @media screen and (max-width: 480px) {  .slide_over{height:20  !important;} }

</p><p><?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
global $is_admin;</p><p>$n_thumb_width = 300; //썸네일 가로 크기
$n_thumb_height = 500; //썸네일 세로 크기
?></p><p> </p><p><style></p><p>.slide_over {
     height: 55%;</p><p>        box-sizing: border-box;
        padding: 5px 0;
    }</p><p>@media screen and (max-width: 1030px) {
 .slide_over{height: 40%  !important;}
}
 @media screen and (max-width: 830px) {
 .slide_over{height:30%  !important;}
}</p><p> @media screen and (max-width: 480px) {
 .slide_over{height:20%  !important;}
}</p><p></style></p><p>   <div class="move_title tooltip-top" title="더보기"><a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=<?php echo $bo_table; ?>"><?php echo $bo_subject; ?></a></div></p><p><script type="text/javascript"></p><p>
var sliderwidth="100%"  //스크롤 가로 사이즈
var sliderheight="<?=$n_thumb_height;?>px"  //스크롤 세로 사이즈
var slidespeed="1"  
slidebgcolor="transparent"  // 배경색을 주시려면 #99cc00 등과 같이 바꾸시면 됩니다 !</p><p>var leftarrowimage = "<?php echo $latest_skin_url;?>/img/left.png";
var rightarrowimage = "<?php echo $latest_skin_url;?>/img/right.png";</p><p>var leftrightslide=new Array()
var finalslide=''</p><p><? 
for ($i=0; $i<count($list); $i++) {</p><p>//$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $imgwidth , $imgheight);</p><p>$n_thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $n_thumb_width, $n_thumb_height);
$n_noimg = "$latest_skin_url/img/noimg.gif";
if($n_thumb['src']) {
  $img_content = $n_thumb['src'];
} else {
  $img_content = $n_thumb_width;
}
      
?>
    leftrightslide[<?=$i;?>] = "<A HREF='<?=$list[$i]['wr_link1'];?>' target='_blank' class='slide_over'><img src='<?=$img_content;?>' border=0 width='<?=$n_thumb_width?>' height='<?=$n_thumb_height?>'  style='margin:0 5px; padding:5px; border:1px solid #ddd;'></A>";
<?
}
?></p><p>
 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
8년 전

img{width:100%}

하면 대부분 처리될겁니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

z
zkdlf
8년 전
이게 뭔가요? 하닌까 그냥 화면에 img로 지정된 이미지만 가득채워집니다
전 반응형을하고싶은거라서
z
zkdlf
8년 전
<img class= 'last' src='<?=$img_content;?>' border=0 width='<?=$n_thumb_width?>' height='<?=$n_thumb_height?>' style='margin:0 5px; padding:5px; border:1px solid #ddd;'></A>";

위에 class='last' 해서
last를 반응형 에 넣으면 되나요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인