Optimizarea sitului pentru iPhone și alte dispozitive mobile
Nu rămâne decât ca în șablonul CSS (template) al sitului să adaugi următoarea propietate în fiecare “clasă” sau “div” unde vrei ca dimensiunea textului să rămână aceeași ca în varianta desktop a sitului:
-webkit-text-size-adjust: none;
În plus, poți schimba valoarea “none” (niciunul) cu o valoare procentuală dacă vrei ca mărirea să se facă totuși, dar cu o rată stabilită de tine. Pentru a elimina complet funcția de redimensionare a textului, adaugă codul de mai sus în clasa .body a șablonului sitului.
Acum că textul paginii tale este optimizat pentru iPhone și alte dispozitive mobile, poți stabili exact lățimea zonei de conținut a paginii tale. Inserează următorul cod în secțiunea <head> a șablonului:
<meta name='viewport' content='width=800' />
Nu uita să schimbi variabila “width” în funcție de lățimea efectivă a sitului tău. Așa iPhone-ul (sau orice alt dispozitiv mobil destul de deștept ca să respecte configurarea “viewport”) va adapta conținutul paginii web încât să se potrivească exact pe ecran. Dacă metoda nu funționează, încearcă să înlocuiești apostrofurile (‘) din codul de mai sus cu ghilimele (“).
Mai multe detalii despre optimizarea pentru iPhone și alte dispozitive mobile aici. mai
Incercati un test si aici, este util: http://validator.w3.org/mobile/ , eu am reusit un 86%.