WorksheetsResponzivni dizajn
Total questions: 7
Worksheet time: 3mins
Koja je glavna prednost responzivnog dizajna?
Poboljšana sigurnost web stranica
Bolje iskustvo korisnika na različitim uređajima
Brže učitavanje stranica
Povećanje posjeta web stranici
Što je media query u CSS-u?
Alat za optimizaciju slika
Kod za optimizaciju baze podataka
Pravilo koje omogućava primjenu različitih stilova ovisno o karakteristikama uređaja
Alat za analizu prometa web stranice
Koja je razlika između fluidnog i fiksnog dizajna?
Fluidni dizajn koristi postotak za širinu, dok fiksni koristi piksele
Fiksni dizajn koristi postotak za širinu, dok fluidni koristi piksele
Fluidni dizajn je brži za učitavanje od fiksnog
Fiksni dizajn se automatski prilagođava veličini ekrana
Koji se atribut koristi za pružanje više verzija slike za različite rezolucije ekrana?
src
alt
srcset
href
Što označava ovaj meta tag u HTML-u?
<meta name="viewport" content="width=device-width, initial-scale=1">
Povećava sigurnost stranice
Postavlja naslov stranice
Omogućava stranicama da se prilagode širini ekrana uređaja
Definira opis stranice za tražilice
Što označava sljedeći kod u CSS-u?
@media only screen and (max-width: 768px)
{ .container {
width: 100%; } }
Primjenjuje se na zaslone šire od 768 piksela
Primjenjuje se na zaslone uže od 768 piksela
Primjenjuje se samo na ispisane medije
Primjenjuje se samo na mobilne uređaje
Koji je najbolji opis za responzivni dizajn?
Dizajn koji je fiksiran za određenu širinu
Dizajn koji koristi isključivo piksele za mjerenje elemenata
Dizajn koji se automatski prilagođava svim veličinama ekrana
Dizajn koji se temelji na tablicama
