На сайте https://yesviz.com нашел устройство ниже 230px – Часы Apple Watch Series 6 его вьюпорт 197px, правда сомневаюсь что с них смотрят сайты, хотя кто его знает.
Это 360px.
Я померял линейкой экран, это где-то примерно 70 мм., конверторы говорят это 265px.
Я тут глянул разрешение своего дешевого китайского смартфона, купленного за 6К когда-то, Tecno Spark 8c через AIDA64 и оно оказалось – 720 * 1612, то есть все новые модели точно меньше не будут уже никогда, да и у дешевого или б/ушного рынка я думают тоже навряд ли будут.
Да еще глянул статистику в Яндекс.Метрике по разрешениям экрана, и что бросается в глаза что меньше 320px вроде бы и нет, ну по крайне мерее на первом экране отчета, да и то их – 0,56%.
Но как не странно все-таки маленьких экранов тоже предостаточно, но не меньше 320:
Разрешения / проценты +/- :
360 – 10,8
393 – 10,3
412 – 3,69
414 – 2,4
375 – 1,91
390 – 1,85
384 – 1,24
Ну и так далее уже меньше одного 1 % процента…
Пофиксил костыльным способом, пришлось отказаться от модных троеточий - text-overflow: ellipsis; и запрета на перенос слов - white-space: nowrap;, выставив высоту, и все что лишнее скрывается.
Дело было не в overflow: hidden;, а в запрете переноса слов - white-space: nowrap;.
Ну и фиг с ним, почти тоже самое, зато пропал баг с появлением горизонтального скроллбара при определенном разрешении, за что поисковики могут вас опустить, имеется ввиду опустить в выдаче позиций, ну вы поняли, особенно в мобильной версии или типа того.
Нарисовал как смог, не судите строго:
Обрезается видимая часть контента, а не исходный код.
Накосячил где-то.
Да, но он должен обрезаться и не влиять на другие элементы, он же для этого типа и придуман.
Да, но.
ispmanager 1501 - Поиск в Google
