Warum ändert "automatisch" nicht die Breite und Höhe meines Bildes? ⇐ CSS

[Anonymous]

Ich habe versucht, meiner HTML -Seite ein Bild hinzuzufügen, aber das Bild war immer viel zu groß. Ich wollte die Breite und Höhe nicht in Pixel einstellen, da es dann nicht richtig skaliert, wenn sich der Browser nicht im Vollbildmodus befindet.
Was genau bedeutet "auto" für Breite und Höhe? Das Bild war einfach viel zu groß, ich musste seitwärts scrollen, um die volle Breite des Bildes zu sehen. Was habe ich falsch gemacht?
Danke für deine Hilfe! < /P>

Code: Select all

img {
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
width: auto;
height: auto;
border: 2px solid black;
border-top-right-radius: 20%;
border-bottom-right-radius: 20%;
border-bottom-left-radius: 20%;
border-top-left-radius: 20%;
}
< /code>







Solothurn 

Welcome to Solothurn, a city in Switzerland known for its rich history and beautiful architecture.

Solothurn (im örtlichen schweizerdeutschen Dialekt Soledurn [ˈsɔlədʊːrn] oder [ˈsɔːlədʊːrn],französisch Soleure, italienisch Soletta, rätoromanisch Soloturn, lateinisch Salodurum) ist eine Einwohnergemeinde und der Hauptort des Kantons Solothurn in der Schweiz. Die Stadt mit ihren knapp 17'000 Einwohnern (Stand: 31. Dezember 2024) bildet einen Bezirk für sich. Der Kantonshauptort Solothurn ist zudem ein Zentrum einer Region mit rund 79'000 Einwohnern.

[img]img/Panorama_solothurn.jpg[/img]