Dimensiune Layout pentru dispozitivele mobile? Exista un stas?

Citat:

---

Postat în original de Robi09

Nu, implementezi un singur layout fluid care schimba diverse elemente la anumite breackpoint-uri ( rezolutii ).

---

Am inteles acum!

Multumesc!

Daca nu am explicat cum trebuie sau vrei sa mai intrebi ceva...fell free to ask. :D

Citat:

---

Postat în original de Hakuna Matata

Pentru ceea ce ofer eu este ideal ca userul de dispozitiv mobil sa fie redirectat intr-o pagina unde poate face actiunea direct. Varianta dekstop nu ma ajuta si nici nu o pot face responsive, varianta dekstop este pentru SEO, mult text, poze, nebunii ... iar userul care poposeste acolo nu il intereseaza, el vrea actiunea imediat.

---

Cu media queries poti sa ii lasi userului afisata doar informatia pe care doresti sa i-o afisezi.

Daca doresti, nu e nevoie sa ii mai afisezi textul, de exemplu. Daca vrei sa ii afisezi doar o imagine din intreaga pagina (de ex.), o poti face fara probleme.

Telefoanele au 320 sau 360px in portrait si 480px in landscape de obicei.

Tabletele de 7 inci au cam 600px, iar cele de 10 800px.

Daca siteul nu e foarte complex, atunci cea mai buna solutie e responsive.

Altfel poti folosi subdomeniu fara nici o problema, dar sa respecti tot ce spune Google aici.

La numarul mare de device-uri care exista pe piata si apoi de browsere si aplicatii de pe care iti viziteaza userii siteul, nu faci nici-o branza daca folosesti o dimensiune anume. O sa ramai fix in aceeasi situatie, o sa ii multumesti doar pe unii, si nu ai garantie ca sunt cei care te intereseaza pe tine mai mult.

Cel mai bine e cu responsive. Dar daca chiar nu poti implementa responsive, atunci serveste-i userului, exact ce-l intereseaza in partea stanga sus fie din html, fie din css/js.

Totul depinde de aplicația ta. Soluția responsive din CSS e cea mai simplă, dar mărește dimensiunea fișierelor, se încarcă uneori resurse nefolosite și anumite funcționalități sunt inutile pe mobile (ex. mouseover).

O soluție mai complexă e una hibrid - cu variante pentru desktop, tabletă, smartphone și telefon și, în cadrul fiecăreia să folosești media queries în funcție de dimensiunea viewport-ului (nu există un standard aici, folosești un amestec de dimensiuni uzuale și dimensiuni la care layout-ul trebuie neapărat schimbat). Pe varianta desktop pui <link rel="alternate" href="...url mobile..." > și pe cea mobilă <link rel="canonical" href="...url desktop..." >.

Faci cate un fisier .css pentru fiecare rezolutie si folosesti AdaptJS ca sa incarci doar .css-ul de care ai nevoie
Info-> Adapt.js - Adaptive CSS