Responsive Web dizajn nam omogućava prilagodljiv prikaz web sajta na svim uređajima (desktop i notebook monitorima, tabletima, mobilnim telefonima…), odnosno da se web stranica prilagođava dimenzijama i rezoluciji ekrana bez gubitka kvaliteta i preglednosti. Taj efekat se postiže korišćenjem CSS i HTML koda za dizajniranje web stranica, tako što se u CSS-u kodiraju osobine objekta, kao što je veličina, pozicija, vidljivost, uvećanje i drugo, koje se putem klase umeću u HTML kod web stranice.

 

Responsive Web dizajn

 

 

U zavisnosti od uređaja koji se koristi, web sajt se u realnom vremenu prilagođava veličini ekrana i njegovoj orjentaciji, rezoluciji i operativnom sistemu, a time se isključuje potreba za razvojem drugih dizajnerskih ili aplikativnih rešenja, mobilnih verzija i slično.

 

Primer koda

Responsive HTML / CSS

Primer koda sa prikazom / testom stranice.
Primer koda