[N.....N]

#frontend
jak zapełnić element całym background?
jeśli zrobię
cover- pokrywa całość, ale ucina obraz
contain- cały obraz, ale nie wypełnia wszystkiego.
chce aby był cały, i w miarę responsywny. Wiem, że będzie lekko zdeformowany, ale przeboleje. Ma być cały.

[laki1]

@NickciN: „background-size: 100% 100%” ?

[N.....N]

@laki1: ucina obrazek.

[N.....N]

@laki1: obrazek jest w #!$%@? długi, ma ~2000px na szerokość.

[Thunderbolt]

@NickciN: i pewnie na wysokość nie wypełnia całości, zgadłam? xD

[N.....N]

@Thunderbolt: tak. Jak robię contain to jest puste u góry lub na dole, zalezy jak ustawie background-size. Jak zrobię cover to jest wypełnione, ale ucina boki (╯°□°）╯︵ ┻━┻ zdjęc nie zmienie.

[Thunderbolt]

@NickciN: no jak masz obrazek (np. 2000px długości + wysoki na 400px), to chcąc niechcąc będzie on nieczytelny w malutkich divach o szerokości powiedzmy 500px + na mobilce to totalny dramat z założeniem jakie masz teraz.

[N.....N]

@Thunderbolt: a jeśli chce na 1000 albo 15000 szerokości i wysokość 500. Da się to jakoś ustawić? wiem, że będzie ściśniety ale chce zobaczyć jak to będzie wyglądać

[Thunderbolt]

.parent {
position: relative;
height: 500px;
width: 1500px;
}

.child {
position: relative;
height: 100%;
width: 100%;
}

W .child jak usuniesz/dodasz height: 100% to sobie popatrz jak to wygląda na wymuszonej szerokości.

[N.....N]

@Thunderbolt: problem jest taki, że to jest background a nie IMG. Ale dzięki

[Thunderbolt]

@NickciN:


.parent {
position: relative;
height: 500px;
width: 1500px;
}

.child {
position: relative;
background-image: url("https://www.psy.pl/wp-content/uploads/2017/02/shutterstock_232597516-e1487412511193.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}

a tak? :P

[N.....N]

@Thunderbolt: ogarnałem, wygląda #!$%@? strasznie jak dam 100% 100% xD więc nawet nie próbuje przy tym majstrować. Albo zaakceptuja jak jest albo niech zmieniaja banery.

[Thunderbolt]

@NickciN: no i prawidłowe podejście, niech zgadnę klient nietechniczny i się upiera że tak ma być i się wszystko zmieści? ( ͡º ͜ʖ͡º)

[N.....N]

@Thunderbolt: Mam nadzieje, że przejdzie i bedzie spokój. Bo jak coś nie pasuje mimo, że to nie moja wina to jest "weź spróbuje to jakoś lepiej zrobić", taki feedback ( ͡° ͜ʖ ͡°) a klienta nie znam, idzie wszystko przez PM

[Thunderbolt]

@NickciN: pokazujesz w takim wypadku 2-3 opcje jak teraz, jak wysyłają takie gówno do wstawienia to niech sobie wybiorą sami co chcą jeżeli nie chcą poprawiać obrazków.