Размер реагирующей ширины для (5,5 дюйма или менее подвижной ширины)

Question

Как вы думаете, какой должен быть размер 5,5 дюйма или меньше ширины мобильного телефона для отзывчивости?Я использую стандарт w3-school, но когда я тестирую его, 5,5-дюймовый не является адаптивным сайтом, и он сломан. Я считал минимальный размер 480px.я должен рассмотреть меньше?например, 320 пикселей.

Answer 1

Лучшим решением было бы использование подхода Mobile first, чтобы мы могли намного лучше управлять небольшими экранами и работали с большими мониторами

Answer 2

В качестве общего правила я использую следующие ширины точек останова медиазапроса:

320px - Телефоны (обычно я сначала задаю стиль для этого, затем использую другие значения в качестве медиазапросов) 600px - Таблетки в Portrait 900px - Таблеткив альбомной / Маленькие ноутбуки 1200px - Большинство компьютеров 1800px - Большие дисплеи