width değerini pixel değil de % değeri olarak girerseniz ekran çözünürlüğüne göre otomatik olarak girdiğiniz % değer kadar kendini ayarlar.

Mesela aşağıda örnek verdiğim kodu kullanırsanız her çözünürlükte düzgün görünecektir.

.genislik {
width: 100%;
height: auto;
}

Ancak bunu kullanmanız için kullandığınız görselin düşük çözünürlükte olmamasını öneririm. Burada verdiğimiz 100% örneği ekranın tamamına sığacak şekilde kendini ayarlıyor. Bu değeri 50% yapsaydık sadece ekranın %50'si kadar yer kaplayacaktı.

Mobil ve masaüstü versiyonlarında farklı çözünürlüklerde olsun istiyorsanız da CSS Media Query araştırması yapın Google üzerinde.

Kolay gelsin.