Aspect de iPhone
Buna draga cititor de blog LifeExample. aspect tema pentru iPhone astăzi este foarte popular și cererea pentru aceasta este în creștere mai mult și mai mult. Acest lucru se datorează faptului că utilizatorii nu mai sunt utilizați numai computere, și în mod activ naviga pe internet, cu ajutorul tot felul de mass-media, care, întâmplător, se aplică pentru iPhone. Și, ca produsele Apple au inundat recent piața de consum, sarcina de programare și dispunerea de site-uri pentru iPhone poate deveni mai curând esențial ca aspectul dorit pentru utilizatorii de Internet Explorer.
IPhone utilizează versiunea mobilă a browser-ului Safari. Sincer, un mobil Safari pentru a impune mai plăcută și mai ușor, mai degrabă decât prin Internet Explorer. Principalul Yummy este CSS3 completă și suport HTML5. Prin urmare, dificultăți în dezvoltarea layout-ul pentru iPhone. nu ar trebui să fie, dar trebuie să țină cont de unele dintre caracteristicile.
Caracteristici de site-uri pentru iPhone
1. Imaginile nu trebuie să fie prea mare
Nu mai mult de 2048 x 1536 px. pentru iPhone cu memorie RAM de până la 256 MB.
Nu mai mult de 2592 x 1944 px. pentru iPhone cu memorie RAM mai mult de 256 MB.
2. Adobe Flash nu este acceptată.
3. Fișierele stocate în memoria cache nu sunt mai mari de 25 Kb.
4. Nu este acceptat pentru a lucra cu fișiere utilizând .
5. Pot exista probleme cu folosirea fonturi externe.
6. Nu lucrați cu mausul peste pentru că nici un cursor.
7. AJAX excelent de lucru.
8. sprijină CSS3 și HTML5 inovare.
9. Puteți utiliza mai multe fonturi, se recomandă Helvetica font.
10. Puteți utiliza „clic pentru apelare“
11. Este posibil să se stabilească culoarea la canalul alfa pentru transparență.
12. Fundalul poate specifica de ieșire de mai multe imagini. Ajutor site-ul de imagine peste 5 Mn (2592 x 1944).
Caracteristici style.css pentru layout pentru iPhone
1. În cazul în care site-ul dvs. este optimizat pentru iPhone. aspectul site-ului ar trebui să conțină o coloană, iar elementele trebuie întinse până la 100% din lățimea.
2. Nu este recomandabil să se utilizeze un aspect multi-coloană a site-ului.
3. Pentru a optimiza site-ul dvs., liniarizată toate elementele de nivel bloc.
div # 123;
clare. atât de important !;
afișare. bloc importante !;
lățime. 100% !; importantă
float. nici unul !; importante
marjă. 0 !; importante
umplutură. 0 !; importante
# 125;
4. Nu este nevoie să facă o mulțime de elemente de pe pagina. Pentru proiectare neimportant listă elemente proprietatea:
5. Fontul text poate fi crescut ușor. Fie utilizați proprietatea -webkit text-size-regla. care se va ajusta automat dimensiunea fontului.
Trecerea la o versiune optimizată a site-ului
Nu voi pentru o lungă perioadă de timp pentru a picta, ceea ce este optimizat pentru versiunea pentru iPhone a site-ului, arata mai bine la un exemplu viu al Facebook optimizat.
Este, de asemenea, bun simț poate fi văzut în această imagine și pagina optimizată:
Scalarea și site-ul de orientare pe iPhone
iPhone scalează de obicei, pagina, si este tot pe ecran, care nu este întotdeauna convenabil. Pentru a evita acest lucru, vă puteți înregistra în pagina de cod meta tag-uri se vor afișa numai numărul specificat de pixeli, și deconectați scalarea la toate.
IPhone are două orientări, orizontale și verticale, în funcție de poziția dispozitivului, conținutul site-ului vor fi reportate și schimba permisiunea acestuia. Poate că proiectul dumneavoastră va trebui să ia în considerare acest lucru și pentru a încărca diferite stiluri de css bazate pe orientarea actuală. Pentru a face acest lucru, utilizați stiluri alternative pentru fiecare poziție:
icoane site-ul în ecranul de start
Pictograma va fi afișată în cazul în care utilizatorul homskrine este de a salva pagina pe site. Aparent, ea de obicei, nu diferă de la site-ul favicon.
Salvați pictograma 57 de 57 de pixeli din mere-touch-icon.png site-ul rădăcină numit. Acum, pe implicit iPhone-ul se va utiliza în sus. Puteți da orice nume pentru pictogramă, dar apoi trebuie să vă înregistrați următoarea etichetă:
Cum de a testa aspectul pentru iPhone?
Dacă nu aveți la îndemână acest iPhone. acest dezavantaj semnificativ, deoarece nu se poate testa site-ul cu 100%, pentru toate emulatoare - este doar o parodie a dispozitivului, și toate procesele de pe acest dispozitiv funcționează oarecum diferit.
Dar, indiferent de ce, încă mai puteți utiliza browser-ul iPhone emulator. Dintre toate serviciile și aplicațiile pentru a emula browser-ul Safari pentru mobil. obține un rezultat similar cu cel pentru iPhone și iPad improvizat arătat, am fost doar pe aceste servicii:
Vreau să vă atrag atenția că obținerea rezultatului dorit în impunerea unui iPhone. nu prea leneș pentru a testa site-ul dvs. în popular browser mobil Opera Mini. ca pot exista diferente.
Cadre pentru aspect
Eu nu sunt un fan al cadrelor, îmi place mai mult de auto-inventa roata, dar voi menționa integritatea articolul despre populare instrumente pentru layout-ul sub iPhone. Deci, puteți utiliza următoarele instrumente:
Ei bine, asta-i tot cititor Drogo, sper fapte utile în acest articol. Puteți citi articolul despre modul în care să impună un site web pentru iPhone.