#resmim {
width: 500px;
height: 300px;
}
@media (max-width: 768px) {
#resmim {
width: 100%;
height: 100%;
}
}
Kodunuzda Eğer birden fazla resme uygulamak isterseniz bu durumu bu sefer id="resmim" değil de class="resmim" yapın ve benim yolladığım css kodundaki #resmim kısımlarını başına nokta koyarak .resmim şeklinde kullanın ve her uygulamak istediğiniz resmin Eğer bütün resimlere uygulamak isterseniz de sizin php kodunda değişiklik yapmayın css kodundaki #resmim kısmını img olarak değiştirin. Kolay gelsin .

Bu arada tabletler için de resim tam ekran görünür. Onu da belirtmek istedim.