Чему соответствует Samsung A6+ (по сравнению с BrowserStack) и css media query?

До сих пор я писал операторы CSS только для устройств iOS. В целях тестирования я купил устройство Samsung (A6+) и обнаружил, что некоторые из моих дизайнов выглядят ужасно.

До сих пор я тестировал только другие устройства с BrowserStack, но так как кто-то написал мне, что дизайн, который хорошо выглядит с BrowserStack, вообще не выглядит хорошо (слишком маленькие шрифты, элементы за пределами области просмотра и т. д.), я решил купить смартфон самсунг.

К сожалению, мое устройство не отображается в BrowserStack (нет модели с буквой «А»). Если сравнивать внешний вид аппарата с перечисленными, то он больше всего похож на Samsung 8A. Может быть? Как найти аналог?

Как только я узнаю, какой эквивалент я могу найти, как мне обратиться к этому устройству с помощью css, то есть как мне написать медиа-запрос для этого устройства?

PS: установлен ios Android 8.0.0 / Samsung Experience-Version 9.0


person eins7eins    schedule 04.02.2019    source источник


Ответы (1)


Я нашел решение:

  • добавьте больше информации о стиле (размеры шрифта) и измените медиа-запросы и ширину оболочки (% вместо px)
  • и например максимальная ширина 420 пикселей вместо 380 пикселей

  • важно также объявление размера шрифта (в %)

Теперь все выглядит нормально :-)

person eins7eins    schedule 12.02.2019