Ca și în timp, această întrebare a venit la timp))) Am decis doar. site-ul typeset pentru layout iPhone retinei a fost de 640, atunci când sa terminat pentru cererea de a-mi trimite imagini ale retinei la ceea ce am spus și ceea ce spun ei este echipa de plumb și au un aspect sub retină și fac acest lucru în mod specific pentru a reduce dig și de a crește cu ușurință descreasca de calitate.
M-am gândit - m-am gândit cum să terminați toate acestea repede, apoi am încercat să pixel în pixel și aici este. Ei bine, în primul rând m-am dus la meta etapa - lucru, în general, inutil, deoarece vom obține mai mult de evacuare pentru Nokia ecrane 480 (lumia) rezoluție. La samsunga și alții nu a verificat, dar cum am ieșit din această situație. Da, este ușor! Dar a trebuit să mă gândesc la calcule la 480.
Așadar, avem un layout de 640 și trebuie să o facem sub 320 și, de preferință, sub 480 (plus poate aruncarea altora).
Primul lucru pe care trebuie să facă acest lucru este de a pune 10px fontul nostru lățime corp și apoi înregistrați toate fonturile în em și dacă 18px aspectul fontului vom scrie 1.8em.
Când a terminat regula 640, vom ajunge până la 320. Și așa vom specifica lățimea 5px corpului de text și întregul font am gata, apoi să ia în calculator de mână și toate valorile în pixeli împărțit la 2. În cazul în care este necesar pentru fontul 480 7.5 și împărțiți toate valorile pe 1.5.
Și apoi ajungem că oile sunt întregi și lupii sunt plini.
Și mai mult. singurul lucru pe care trebuie să-l înregistrezi în meta este
altfel nu va funcționa.
Imagini pentru retiniile fixate astfel
Ecranul @media și (--webkit min-device-pixel-ratio: 2), ecran și (-moz-min-device-pixel-ratio: 2), ecran și (-MS-min-device-pixel-ratio: 2), ecran și (-o-min-device-pixel-ratio: 2), ecran și
Pixel perfect poate redimensiona layouts astfel încât să puteți testa cu ușurință-le pentru conformitate
640 este rezoluția fizică a iPhone-ului. Rezoluția reală pe care emula iPhone-ul este de 320 px. Este necesar să ne bazăm pe asta. Esența afișajului retinei este că micile detalii arată mai bine și nu că există până la 640 de pixeli.
Acest lucru vă permite să atingeți profunzimea imaginilor, de exemplu, să faceți o fotografie de 200x200px, să inserați și să setați lățimea = 100 înălțime = 100. Imaginea va fi foarte clară.
Ei bine, este de înțeles. Și cum faceți acest aspect pentru telefoanele mobile? Typeset cu o lățime de 640 x, și apoi cu ajutorul mass-media quories rescrie stiluri sub retina, îngustarea la acest aspect la 320px?