Warum bleiben meine Bilder nicht an Ort und Stelle, wenn der Browser angepasst wird?

Question

Ich bin ein Anfänger im Codieren, also wäre jeder Rat oder jede Hilfe großartig. Das Haupthintergrundbild ändert sich mit dem Browser, aber die anderen Logos und Grafikelemente nicht. Wie kann ich die Größe der anderen Bilder ändern und sie beibehalten, wenn sich die Größe des Browsers ändert? Hier

ist ein Link:

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

Answer 1

Verwenden Prozentsätze, vw, vh, vmin oder Vmax bei der Positionierung und Dimensionierung Ihrer Bilder. vw, skaliert mit der Breite des Ansichtsfensters, vh skaliert mit der Höhe des Ansichtsfensters, vmin skaliert mit dem Minimum der Breite und Höhe des Ansichtsfensters und vmax skaliert mit dem Maximum der Breite und Höhe des Ansichtsfensters Sie skalieren mit der Größe des Ansichtsfensters. Prozentsätze skalieren mit der Größe des umschließenden Blocks. Zum Beispiel (eines Ihrer Bilder):

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