Jeżeli tworzycie rozwiązania mobile first – to oznacza, że wasz CSS jest nakierunkowany najpierw na urządzenia mobilne a dopiero potem na urządzenia większe jak tablety itp. trzeba pamiętać o jednej prostej zasadzie.
Nie korzystajcie ze sztywnych wartości szerokości pól itp. Działajcie na procentach, w przeciwnym wypadku możecie natrafić na problemy z różnymi przeglądarkami/urządzeniami. To, że wy sądzicie, iż 320 to max to nie oznacza, że tak będzie.
Zresztą dopiero od 768px warto stosować inne rozwiązanie niż procentowe (jeżeli jest to potrzebne), gdyż są to urządzenia tabletowe i są one odpowiednio duże – albo są to prehistoryczne komputery ;)
Przykładową listę media queries dla std. urządzeń można znaleźć tutaj.
PS.: nie wspominam tutaj w ogóle o HiDPI devices – I nie chcę o tym też myśleć ;)
