Predmet:Responsive web stranica

---

Responsive, prilagodljiva stranica kako za desctop tako i za ekrane mobilnih uredaja i tableta.

Trebao bih prilagoditi login formu mobilnim uredajima.
Procitao sam da prvo treba staviti ovo na pocetak web stranice:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

a onda u css ukljucimo medijski upit @media.

@media pravilo koristi za uključivanje bloka CSS svojstava samo ako je određeni uvjet istinit.

na kraju css stavimo ovo:
@media only screen and (max-width: 768px) {

-- ovdje jos jednom odredimo za pojedine dijelove kako ce se prikazati na mobilnom uredaju --
}

e sada ja sam to stavio i nikako nemogu razvuci login formu preko cijelog ekrana mobitela. Ostaje mi zakvacen u gornjem dijelu a dolje ekran mobitela prazan.

Za prikaz mobilnog ekrana koristim firefox, moze i crome a vivaldi toga nema, opera mi opera mobile emulator for desctop koji eto nisam instalirao. Znaci ako zelite stvarno vidjeti kako to izgleda na mobitelu uzmete firefox kliknete istovremeno na Ctrl+Shift+M i izaberete LG Optimus L70 384x640.

prikvacio sam i na cemu trenutno radim pa vidite ako tko zna.

Prilozi:

---