Logowanie

Obrazek wielkości diva, w którym się znajduje - responsywny obrazek

pytanie zadane 5 marca 2019 w HTML i CSS przez Sandra.S Początkujący (300 p.)

Hej. Co można zrobic w samym CSS zeby obrazek wklejony do diva się skalował zawsze do wielkości diva (również responsywnie) i nie wychodził poza niego?

Najlepiej, zeby zawsze tak się dopasował aby jesli ewentualnie będzie mniejszy niż div -powiekszył się i wysrodkował, a jeśli będzie większy to żeby również się przeskalował i wysrodkował?

Z gory dzięki za odp;)

4 odpowiedzi

odpowiedź 5 marca 2019 przez Crash182 Gaduła (3,600 p.)

odpowiedź 6 marca 2019 przez mb-dir Mądrala (6,710 p.)

odpowiedź 6 marca 2019 przez kalczur Gaduła (4,320 p.)

Wystarczy podać wielkość zdjęcia w %.

Kod html:

<!DOCTYPE html>
<html lang="pl">
<head>
	<meta charset="utf-8">
	<title>Obrazek</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

	<div>
		<img src="test.jpg">
	</div>

</body>
</html>

Kod css:

img{
	width: 100%;
	height: 100%;
}

I teraz zmieniając wielkość diva (nadać mu id lub kalsę i zmieniać w css) wielkość obrazka się dopasuje.

odpowiedź 6 marca 2019 przez Sobol3k Użytkownik (690 p.)

Podobne pytania

0 głosów

1 odpowiedź 512 wizyt

Responsywny rozstaw ikon

pytanie zadane 19 października 2019 w HTML i CSS przez zbignieFF Nowicjusz (140 p.)

0 głosów

1 odpowiedź 270 wizyt

Responsywny background

pytanie zadane 27 maja 2019 w HTML i CSS przez Apper97 Obywatel (1,380 p.)

–2 głosów

2 odpowiedzi 1,967 wizyt

Responsywny tekst

pytanie zadane 31 marca 2019 w HTML i CSS przez aro Nowicjusz (150 p.)

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...