Media queries popularne break point'y

0

Hej, mógłby ktoś polecić z jakich break point'ów korzystać przy media queries? Chce żeby moje strony były w miarę responsywne, przy czym nie chciałbym pisać strony pod każde możliwe urządzenie i tracić na to czas. Trochę ten temat googlowałem, ale głównie przewijają się stare tematy.

1

Zacznij możę od tych z bootstrapa: https://getbootstrap.com/docs/4.3/layout/overview/

1

Zobacz, jakich rozdzielczości ludzie używają (i weź poprawkę, że na desktopie strona nie wypełnia w 100% ekranu.

http://gs.statcounter.com/screen-resolution-stats

360x640 20.39
1366x768 11.16
1920x1080 8.56
375x667 4.95
1440x900 2.93
768x1024 2.56
1536x864 2.36
414x736 2.36
1600x900 2.25
360x720 2.16
1280x800 2.11
720x1280 1.79
1024x768 1.75
320x568 1.62
1280x1024 1.6
412x732 1.54
1280x720 1.47
412x846 1.37
320x570 1.36
360x740 1.28
Other 24.44

1

Od siebie mogę polecić następujące min-width: 320, 480, 768, 1024, 1280 pikseli. Oczywiście możesz odjąć lub dodać jeszcze dodatkowe, ponieważ wszystko zależy od tego co chcesz uzyskać i jakie rozdzielczości chcesz wspierać.

1 użytkowników online, w tym zalogowanych: 0, gości: 1