Responsywność,skalowanie zdjęć

Question

Witam,czy mógłby mi ktoś wytłumaczyć jak stworzyć taki efekt skalowania zdjęcia jak na tej stronie

https://www.acer.com/ac/pl/PL/content/predator-series/predator21x

Jak zmniejszam okno przeglądarki zdjęcie cały czas się zmniejsza.

Answer 1

img{
  max-width: 100%;
  height: auto;
}

Answer 2

Chyba najlepiej użyć bootstrapa i do znacznika img przypisać klasę img-responsive. Więcej informacji tutaj: https://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp.

Można też użyć frameworka foundation - wtedy wszystkie zdjęcia na stronie są responsywne.

Pozdrawiam :D

Comments

No chyba żartujesz :)

---

Bootstrapa nie znam ale warto przeczytać,dzięki :)

---

A jak bym chciał to samo zrobić z kwadratem o podanych wymiarach to w jaki sposób?