Optimizarea site-ului pentru iPhone şi alte dispozitive mobile
Nu rămâne decât ca în şablonul CSS (template) al site-ului 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 site-ului:
-webkit-text-size-adjust: none;
În plus, poţi schimba “none” 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 site-ului.
Acum că textul paginii tale este optimizat pentru iPhone şi alte dispozitive mobile, poţi să stabileşti 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 site-ului 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
