Arkadaşlar Merhaba,
Belirli bir klasördeki resimleri PHP ile bir sayfada listelemek istiyorum. Bununla ilgili aşağıdaki kodu internette buldum. Fakat bu listelemenin Responsive olmasını istiyorum. Şöyle ki; klasördeki resimlerin hepsi sabit boyutta atıyorum 300X100px (genişlik boyutunda yan yana sıralandıktan sonra sayfada artan boşluk kalsın istemiyorum) Sayfayı bilgisayarda görüntülerken sayfaya kaç tane sığıyorsa ekranı tam kaplasın istiyorum yani satırda 5 tanede olabilir sayfayı küçülttüğümüzde 3 tane de olabilir ama sayfaya tam sığsın sayfa boşluğu olarak artma olmasın. mobilde de her satırda 1 tane görüntülensin istiyorum bunu nasıl yapabilirim? aşağıdaki kodlarda değişiklik yaparak mümkün olur mu?

<?
$dizin = "img/"; // Dizini gösterelim
$satirLimit = 6;
 
// Uzantının ne oluğunu görelim
function uzanti($file_name) {
    return end(explode('.',$file_name));
}
 
$dir = opendir($dizin);
 
    $satir = 0; // 6 imajda bir Alt satıra geçmesini sağlayalım
    
    //Dizindeki dosya listesini alalım
    while (($dosya = readdir($dir)) !== false){
 
        if(! is_dir($dosya)){
            //Dosya uzantımıza göre sınırlamamız
            if ((uzanti($dosya)=="jpg")||
                (uzanti($dosya)=="JPG")||
                (uzanti($dosya)=="jpeg")||
                (uzanti($dosya)=="JPEG")||
                (uzanti($dosya)=="gif")||
                (uzanti($dosya)=="GIF")){
 
                //Satır için resim adedini sayıyorduk
                $satir++;
 
                // Filtremiz uygunsa ekrana basalım
                echo "<a href="".$dizin.$dosya."">";
                echo "<img src="".$dizin.$dosya."" width="161" height="123" border="0" />";
                echo "</a>";
                
                // Satır belirlenen limite geldiyse yeni satıra geçsin
                if ($satir==$satirLimit){
                    echo "<br />n";
                }else{
                    echo "n";
                }
                
            }//--if uzantı
        }//--if is_dir
    }//--while
 
closedir($dir); //İşimiz Bitti
 
?>