반응형 질문좀 채택완료
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 포인트
답변에 대한 댓글 2개
z
zkdlf
8년 전
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를 반응형 에 넣으면 되나요?
위에 class='last' 해서
last를 반응형 에 넣으면 되나요?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
전 반응형을하고싶은거라서