[SVG] resize
Przemysław Lewtak
8/11/2016 | 11:55 AM

Witam, mam do zrobienia stronke oparta na grafikach SVG, jaki jest najlepszy sposob umieszczania tego typu grafik aby bylu responsywne? np: .ratio4-3 { width: 100%; background-image: url(image-with-4-3-aspect-ratio.svg); background-size: cover; height: 0; padding: 0; /* reset */ padding-bottom: calc(100% * 3 / 4); } nie bardzo jednak rozumiem jak dziala calc w CSS, prosilbym o wyjasnienie

Aneta Duk
8/18/2016 | 9:51 PM

Jeżeli natomiast masz taki calc jak napisałeś to jest proste obliczenie na 100%*3/4 (mnożenie dzielenie zamienne to możesz sobie 300%/4=75%) Czyli padding-bottom = 75%.

Aneta Duk
8/18/2016 | 9:48 PM

calc jest bardzo prosty np. załóżmy że chcemy aby obrazek czy też div rozciągał na maksymalną możliwą szerokość, ale pozostawiał po 10px marginesu z każdej strony bez względu na rozdzielczość. Ustawiamy width: calc(100% - 20px) czyli mówimy: weź 100% szerokości okna i odejmij 20px. Przeglądarka sprawdza: aha przeglądarka ma teraz przy 100% 1200px - 20px to ustawiam width = 1180px.

Marcin Lewtak
8/16/2016 | 11:36 PM

Udało się ruszyć temat ?

Marcin Lewtak
8/12/2016 | 12:16 PM

Nie pamiętam ale chyba coś na ten temat powinno być w tym kursie, który warto ogarnąć http://eduweb.pl/kursy/webdevelopment/responsive-web-design.html