사이즈에 따라 이미지 사이즈를 바꾸고싶어서 반응형을 했는데 안먹히네요
이렇게 하는게 아닌가요?
.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 포인트
2017-01-19 (목) 11:27:38
img{width:100%}
하면 대부분 처리될겁니다.
답변에 대한 댓글 2개
zkdlf
2017-01-19 (목) 11:58:17
zkdlf
2017-01-19 (목) 12:05:39
<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를 반응형 에 넣으면 되나요?
위에 class='last' 해서
last를 반응형 에 넣으면 되나요?
답변을 작성하려면 로그인이 필요합니다.
전 반응형을하고싶은거라서