• 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
341 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ź 228 wizyt
pytanie zadane 1 stycznia 2016 w HTML i CSS przez kacper1445 Gaduła (3,130 p.)
0 głosów
2 odpowiedzi 88 wizyt
Porady nie od parady
Forum posiada swój własny serwer Discord, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

67,206 zapytań

114,160 odpowiedzi

241,962 komentarzy

46,183 pasjonatów

Przeglądających: 138
Pasjonatów: 3 Gości: 135

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.

...