R.I.P. REM, Viva CSS Reference Pixel!

Chiar îmi puneam zilele trecute problema asta la un proiect măricel ce va trebui să-l încep în curând: ce unități să folosesc, rem sau px?

Avantajul unităților relative este că se pot ajusta dimensiunile într-un singur loc (e.g. dacă layout a fost făcut cu unități relative, poți face tot layout-ul mai lat sau mai îngust schimbând o singură valoare; idem și pentru fonturi sau spațiere). Dar realistic vorbind, de câte ori a fost nevoie să ajustezi toate fonturile dintr-o dată? De câte ori a fost nevoie să ajustezi lățimea layout-ului?

Și mi-a picat fisa: Eu n-am avut nevoie niciodată de acest feature!

Prin urmare… cu PX înainte! :smile:

3 Likes

pe aceasi idee: http://benfrain.com/just-use-pixels/

2 Likes

Mi se intampla frecvent ca pe mobile sa scad putin dimensiunea textului (in principal la h1, h2, h3) si uneori padding-ul la diverse box-uri.

Poti incerca sa folosesti rem numai la font-size iar daca n-ai nevoie s-o schimbi, e ca si cu px.

Daca scrii sass sau post-css nu iti va ingreuna work flow-ul.

p.s.: bootstrap v4 vine scris in rem/em

2 Likes