반응형 질문좀
본문
사이즈에 따라 이미지 사이즈를 바꾸고싶어서 반응형을 했는데 안먹히네요
이렇게 하는게 아닌가요?
.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;}
}
<?
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
img{width:100%}
하면 대부분 처리될겁니다.
이게 뭔가요? 하닌까 그냥 화면에 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를 반응형 에 넣으면 되나요?
답변을 작성하시기 전에 로그인 해주세요.