web stranky pre mobilne zariadenia

Ahojte, prosim Vas, chcel by som sa opytat co je potrebne dorobit na funkcnej web stranke aby sa spravne zobrazovala AJ na mobilnych zariadeniach (mobilne telefony, tablety a podobne) ? mam na mysli ich zobrazenie pod roznymi rozliseniami, a teda o akesi automaticke prisposobenie sa rozmerom obrazovky / displeja.
Staci iba ak v CSS pre jednotlive elementy nastavim ich rozmery na percenta? pripadne vyuzivanie CSS atributov ako napriklad:


Alebo to spociva v niecom inom ? Dakujem.

najjednoduchsie je sparvit kontrolu, ci ide o mobilne zariadenie. ak ano tak podstrcis osekanu verziu stranky, ktora bude mat rozmery v percentach atd atd..

dalej je tu metoda, ktora uzrela svetlo sveta len nedavno, ide o responsive webdesign

otvor si http://www.smashingmagazine.com/ potom zmensuj pomaly okno prehliadaca a sleduj co sa so strankou deje

a ako by bolo mozne testovat ci sa jedna o mobilne zariadenie? podla pouzivaneho prehladavaca alebo podla rozmerov obrazovky ? alebo nejak inak ?

ano, podla browsru. bud javascriptom alebo na strane serveru (napr. PHP)

skus pouzit wurfl

velmi pomohlo dakujem