Podgląd pytania

Pojedyncze pytanie z bazy egzaminacyjnej wraz z poprawną odpowiedzią i wyjaśnieniem. Przeglądaj bez logowania, a gdy będziesz gotowy, sprawdź się w pełnym teście próbnym.

ID: 1489 HTML i CSS Łatwe
INF.03

Źródło: Arkusze CKE

Aby obraz umieszczony na stronie internetowej automatycznie skalował się do rozmiaru ekranu, na którym jest wyświetlana strona, należy

Warianty odpowiedzi

  1. A

    jeden z jego wymiarów ustawić w pikselach
  2. B

    oba jego wymiary ustawić w pikselach
  3. C

    nie modyfikować obu jego wymiarów stylami CSS
  4. D

    jego szerokość ustawić w wartościach procentowych

Wyjaśnienie

Kluczem do tworzenia responsywnych stron internetowych (RWD) jest stosowanie jednostek względnych zamiast sztywnych wartości w pikselach.

Jeśli ustawisz szerokość obrazka w pikselach, będzie on miał zawsze ten sam rozmiar, niezależnie od tego, czy otworzysz go na telefonie, czy na szerokim monitorze.

Ustawienie szerokości w procentach (np. width: 100% lub max-width: 100%) sprawia, że obrazek dostosowuje swój rozmiar proporcjonalnie do szerokości kontenera lub ekranu, na którym jest wyświetlany.

Sprawdź się w praktyce

Rozwiąż pełny test próbny INF.03 albo wylosuj pojedyncze pytanie na szybką powtórkę.

Test próbny INF.03 Jedno pytanie Własny test

Podobne pytania — HTML i CSS

Wszystkie pytania INF.03