HTML Bilder automatisch skalieren lassen

[Avenger84]

dir fehlt auch noch immer "display:block" beim img. Bilder werden default als "inline-block" angezeigt und erzeugen daher ein leerzeichen vor sich selbst und haben weitere andere Eigenschaften.

css sieht nun so aus:

img {
  max-height: 98vh;
  max-width: 98vw;
  display: block;
  margin: 0 auto;
}

.text {
  font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, Sans-Serif;
  position: absolute;
  top: 6px;
  width: 98%;
  text-align: center;
}