Css Yardım Landing

merhabalar tek sayfa bir landing yapıyorum.

Tek görsel fakat her çözünürlükte alan biraz daha büyüyor ve scrool açılıyor scrool açılmadan her monitöre göre nasıl yapabilirim ?

http://landing.taspinar.com/

birde bazı monitörlerde alt kısmı kesiliyor tam sayfaya kaplamasını istiyorum

Görsele piksel değil yüzde vermelisiniz 1000px yerine 100% şeklinde.

öyle aslında

ekran çözünütlüğü özellikleri de kullanabilirsiniz 100vw ekran genişliğinin tamamı 10vh da ekran yüksekliğinin tamamını ifade ediyor.

bunu tam bilmiyorum o kod üzerinden yardımcı olabilir misiniz ?

Bu resim olduğu için aslında sadece 1920 genişliğinde ekranlara uygun yani bir tık kıstığınızda görüntü dışarda kalıyor. Ölçü büyüdüğünde sorun olmaz fakat küçüklüğünde sorun olur. CSS de Media tagıyla her ölçü için ayrı resim eklemelisiniz. Mobilde mesela hiç bir şey anlaşılmıyor tablette de aynı şekilde. Bunun için her bir ölçü ayrı ayrı olarak tasarlanmalı. Çok zahmetli bir işlem olur ve sağlıklı olmaz. Tavsiyem html CSS döküm yaptırmanız.

Kodu paylaşın bakalım.

sitede var aslında ama incele yaptığınızda tüm kodlar görünüyor

Demek istediğim şey önceden de yazıldığı gibi css kodunda width ve height değerlerinde bu şekilde ayarlamanız. width:100vw; yazdığınızda ekranın genişliği kadar manasına geliyor bir nevi yüzde kullanmak gibi.