Milyen felbontásokban érdemes responzive weboldalt csinálni?

A legtöbben a "320 és afölött" elvet követik.

[link]

[link]

[link]

[link]

Mobilok tipikusan 320px széles és 480 magasak.

Így álló esetben 320, fekvő nézetben 480.

Kisebb táblagépek és nagyobb kijelzős telefonok 360x640 -as felbontást használnak.

De ezen felül is rengeteg különféle felbontás van, csak néhány:

iPhone 4: 320x480

iPhone 5: 320x568

iPhone 6: 375x667

gNexus 4: 384x640

gNexus 5: 360x640

gNexus 7: 960x600

Lumia520: 320x533

És van ami már notebook méretekkel bír:

gNexus10: 1280x800

Ha csak azt vesszük ami 1000px alatti:

320,

360, 375, 384,

400, 440, 480,

533, 560, 568,

600, 640, 667,

768, 800, 960

Ez alapján nehéz meghatározni,

De ha minden felbontást figyelembe akarsz venni, sok sikert.

Én 320, 480, 640, 800 és 1000 px felettieket szoktam alapúl venni.

De egyszerűbb oldalak esetén 320, és dinamikusan helyezem el.