Tarayıcım ayarlandığında resimlerim neden yerinde kalmıyor?

Question

Kodlamada yeni bir başlangıç ​​yapıyorum, böylece herhangi bir tavsiye ya da yardım harika olurdu. Ana arka plan resmi tarayıcıyla yeniden boyutlandırılır, ancak diğer logolar ve grafik öğeleri bunu yapmaz. Diğer görüntüler yeniden boyutlandırabilir ve tarayıcı boyutu değiştiğinde nasıl yerinde kalabilirim?

https://f0476ead42deb6e625581792b6fc55aec2b47ff7.googledrive.com/host/0B-QoEzNnMcBDanFlYm5hTDdZUVk

Answer 1

Kullanım yüzdeleri, vw, vh, vmin veya görüntülerin konumlandırma ve boyutlandırma in Vmax: Burada

bir bağlantıdır. vw, viewport genişliği ile ölçeklendirir, vh viewport yüksekliği ile ölçeklendirir, vmin en az genişliği ve viewport genişliği ve vmax ölçekleri en yüksek viewport genişliği ve yüksekliği ile ölçeklendirir. Görünümün büyüklüğü ile ölçeklendirilir. İçeren blokun büyüklüğü ile yüzdeler ölçek. Örneğin (görüntülerden biri):

#secondharvest { 
    position: absolute; 
    left: 10vw; 
    top: 10vw; 
    z-index: 1; 
    width: 15vw; 
    height: 10vw; 
}