• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Responsywność,skalowanie zdjęć

0 głosów
336 wizyt
pytanie zadane 5 lipca 2017 w HTML i CSS przez Dorian Bajorek Dyskutant (7,810 p.)
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.

2 odpowiedzi

+1 głos
odpowiedź 5 lipca 2017 przez zgrybus Pasjonat (24,940 p.)
wybrane 5 lipca 2017 przez Dorian Bajorek
 
Najlepsza
img{
  max-width: 100%;
  height: auto;
}
+1 głos
odpowiedź 5 lipca 2017 przez Krzysztof Drozdowski Użytkownik (830 p.)
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
1
komentarz 5 lipca 2017 przez zgrybus Pasjonat (24,940 p.)
No chyba żartujesz :)
komentarz 5 lipca 2017 przez Dorian Bajorek Dyskutant (7,810 p.)
Bootstrapa nie znam ale warto przeczytać,dzięki :)
komentarz 5 lipca 2017 przez Dorian Bajorek Dyskutant (7,810 p.)
A jak bym chciał to samo zrobić z kwadratem o podanych wymiarach to w jaki sposób?

Podobne pytania

0 głosów
1 odpowiedź 82 wizyt
pytanie zadane 22 czerwca 2017 w HTML i CSS przez Dorian Bajorek Dyskutant (7,810 p.)
0 głosów
1 odpowiedź 223 wizyt
pytanie zadane 1 stycznia 2016 w HTML i CSS przez kacper1445 Gaduła (3,130 p.)
0 głosów
2 odpowiedzi 86 wizyt
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

66,986 zapytań

113,891 odpowiedzi

241,347 komentarzy

46,943 pasjonatów

Przeglądających: 116
Pasjonatów: 2 Gości: 114

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...