채택완료

반응형 질문좀

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

이렇게 하는게 아닌가요?

.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;}
}

Copy
<?if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 include_once(G5_LIB_PATH.'/thumbnail.lib.php');global $is_admin;$n_thumb_width = 300; //썸네일 가로 크기$n_thumb_height = 500; //썸네일 세로 크기?> <style>.slide_over {     height: 55%;        box-sizing: border-box;        padding: 5px 0;    }@media screen and (max-width: 1030px) { .slide_over{height: 40%  !important;}} @media screen and (max-width: 830px) { .slide_over{height:30%  !important;}} @media screen and (max-width: 480px) { .slide_over{height:20%  !important;}}</style>   <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><script type="text/javascript">var sliderwidth="100%"  //스크롤 가로 사이즈var sliderheight="<?=$n_thumb_height;?>px"  //스크롤 세로 사이즈var slidespeed="1"  slidebgcolor="transparent"  // 배경색을 주시려면 #99cc00 등과 같이 바꾸시면 됩니다 !var leftarrowimage = "<?php echo $latest_skin_url;?>/img/left.png";var rightarrowimage = "<?php echo $latest_skin_url;?>/img/right.png";var leftrightslide=new Array()var finalslide=''<? for ($i=0; $i<count($list); $i++) {//$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $imgwidth , $imgheight);$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>";<?}?>
 
|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트

img{width:100%}

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

답변에 대한 댓글 2개

이게 뭔가요? 하닌까 그냥 화면에 img로 지정된 이미지만 가득채워집니다
전 반응형을하고싶은거라서
<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를 반응형 에 넣으면 되나요?

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