반응형좀 봐주세요

.gallery-thumbs {        width:100%;        height:100%;    }     .gallery-thumbs * {Margin:0; padding:0;} .gallery-thumbs ul{width:100%;} .gallery-thumbs nav{width:100%;} .gallery-thumbs li{        float:left;        width:100%;  height:100%;  height:100px;        box-sizing: border-box;        padding: 5px 1px;  }        @media screen and (max-width: 1680px) {  .gallery-thumbs li{               float:left;     width:100%;     height:100px;     box-sizing:border-box;     padding: 5px 1px;     }      }   @media screen and (max-width: 480px) {   .gallery-thumbs li{               float:left;     width:100%;     height:100px;     box-sizing:border-box;     padding: 5px 1px;     }        }        @media screen and (max-width: 280px) {   .gallery-thumbs li{               float:left;     width:100%;     height:100px;     box-sizing:border-box;     padding: 5px 1px;     }  }  <? $path="./board/data/file/1111";  $entrys = array(); $dirs = dir($path); while(false !== ($entry = $dirs->read())){ if(($entry != '.') && ($entry != '..')) {  if(!is_dir($path.'/'.$entry)) {     $entrys[] = $entry;  }  }  }  $dirs->close(); ?> <!-- Add Arrows --> <!-- <div class="swiper-button-next swiper-button-white"></div>  <div class="swiper-button-prev swiper-button-white"></div> --> <div class="swiper-container gallery-thumbs">  <div class="swiper-wrapper">  <?   asort($entrys);   foreach (glob('data/file/1111/*') as $img)   if (strpos($img, 'thumb-') !== false) $files[] = $img;   foreach( $entrys as $img ) { ?>    <nav>   <ul>          <li><div class="swiper-slide" style="background-image:url(./board/data/file/1111/<?=$img?>);"></div> </li>   </ul>  </nav><?  } ?> </div> </div>