Dimensiune Layout pentru dispozitivele mobile? Exista un stas?

[Hakuna Matata]

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

Am inteles acum!

Multumesc!

[Hapiuc Robert]

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

[Nichita]

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.

[Alex Dumitru]

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.

[haos]

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.

[Gratian Alinei]

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..." >.

[Raoul]

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