RWD Logo

Cześć.

W jaki sposób mogę skalować obrazek ? Żeby co większą rozdzielczość się zmniejszał ?

Pierwsza opcja: skrypt js ("do some math")
Druga opcja: Użyj media queries w CSS - https://www.w3schools.com/cssref/css3_pr_mediaquery.asp nadawaj im po prostu width i height dla danej rozdzielczości.

A innej opcji ? Słyszałem o max-width na 100% ale niestety nie przyniosło to efektu.

A innej opcji ? Słyszałem o max-width na 100% ale niestety nie przyniosło to efektu.

Gubisz się w zeznaniach. W tym wypadku piszesz o czymś, czym możemy określić maksymalny rozmiar szerokości obszaru zawartości interesującego nas elementu HTML.

W temacie zaś, interesuje Cię zmiana właściwości danego elementu przy zmianie rozdzielczości - więc i szerokości ekranu - do czego używa się @media (w CSS).

Na przykład:
* dla ekranu, który ma szerokość 555px i więcej, ustaw szerokość obrazka na 300px;


img {
width: 500px; /* dla każdej rozdzielczości ekranu, w którym szerokość jest mniejsza od 555px */
}
@media all and (min-width:555px) /* dla ekranu, który ma szerokość 555px i więcej */ {
img {
width: 300px;
}
}