Какой точка @media для Samsung Galaxy S22?

Question

[Алексей]

Добрый день, подскажите пожалуйста не могу найти responsive breakpoints для Samsung Galaxy S22 ?

Comments

[Ankhena]

https://www.esolutions.se/en/test
Открыть или попросить открыть и посмотреть

Answer 1

[Саша]

Алексей Samsung Galaxy S22 имеет ретину х3, размер экрана на который вам стоит ориентироваться 360х780

В @media лучше указывать только ширину, а не сочетание ширины/высоты.

Comments

[Алексей]

Подскажите пожалуйста правильно, что должно сработать media only screen and (device-width: 360px) and (orientation: portrait) ? У меня просто проблема с Samsung Galaxy S22 на другом sumsung верстка не плывет я её регулировал именно media only screen and (device-width: 360px) and (orientation: portrait), почему на Samsung Galaxy S22 не срабатывает breakpoint не понимаю.

[Саша]

Алексей, записей множество, я использую такую:
@media screen and (max-width:360px)
Пробуйте.

И старайтесь не писать брекпоинты под каждый телефон, делайте более гибко, ориентируйтесь на брекпоинты устройств по статистике использования таковых.

[Алексей]

Саша, хорошо спасибо, был очень признателен если бы вы скинули свои брекпоинты, которыми пользуетесь.

[Саша]

Алексей, Не за что!

Использую в зависимости от ЦА (Целевая аудитория).
В разных продуктах/странах она разная.

Берите за основу свою ЦА продукта/сайта.
Если таковой нет, обратите внимание на статистику, например:
- брекпоинты 2021 года
https://almanac.httparchive.org/en/2021/css#common...
- статистика экранов устройств (доступны фильтры)
https://gs.statcounter.com/platform-market-share/d...