최신글 이미지 크기 화면 해상도에 맞게 설정하는 방법 문의합니다. 채택완료

<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');

// 이미지 크기
if ($options) {
    $tmp = explode("|", $options);
    $thumb_width = $tmp[0];
    $thumb_height = $tmp[1];
} else {
    $thumb_width = 1200;
    $thumb_height = 400;
}
?>

<?php                
생략
$img_content = '<img class="img_left" src="'.$thumb['src'].'" alt="'.$list[$i]['subject'].'" width="'.$thumb_width.'" height="'.$thumb_height.'">';
생략                                                               
?>

/* 19인치 모니터/태블릿 */
@media screen and (min-width :768px){}

/* 노트북 */
@media screen and (min-width:1366px) and (max-width:1824px){}

/* 큰 모니터 브라우저 */
@media screen and (min-width:1824px){}

---------- 질문시작 --------------

19/노트북/큰모니터 해상도에 맞게 썸네일 이미지 크기를 수정하려고 합니다.

썸네일 이미지 크기 가져오는 부분은 아래와 같이  else에 설정된 크기 값을 가져오는고 있습니다.

else 부분을 어떻게 수정해야 좋을지 알고 싶습니다.

width="'.$thumb_width.'" height="'.$thumb_height.'"

} else {
    $thumb_width = 1200;
    $thumb_height = 400;
}

예 : 19인치 1000x333 / 노트북 : 1100x367 / 모니터 : 1200x400 입니다.

else 부분으로 설정하 않고 다르게 설정하는 방법이 있으면 또한 알려주시기 바랍니다.

else 부분에서 위 3가지 각각 설정가능한지 알려주세요~~

링크주소로  들어가시면 보시기에는 큰 문제는 없으나 큰 모니터 기준 폭 1200으로 설정되여 있어서 19인치 모니터로 보았을 때 영역 침번 현상이 발생하고 있습니다.