Почему эти ::before разного размера?

Question

[gimlen]

Задал, короче, размер одинаковый для блоков before для элементов списка, но, они визуально, разной толщины выходят.
При этом когда увеличиваю в браузере все становится нормально. В чем может быть дело? Как это пофиксить?
Подозреваю, что дело может быть в том, что до этого верстал в em и использовал десятичные значения.
Но, может ошибаюсь. Не хочу лезть обратно исправлять все. Помогите...

Навряд ли дело в нем, но я только начинающий:

.eg li:before {
  content: "";
  background: #fb565a;
  width: 25px;
  height: 2px;
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-left: -37px;
}

Весь код слишком большой чтобы скидывать или заливать на какие-то сайты.

Comments

[gimlen]

Поковырялся со значениями и задал ширину прочерков 1.5px, помогло. Но это какие-то вилы, может есть способ получше?

[fallus]

Либо, как написали в ответе ниже, масштаб страницы увеличен\уменьшен, либо к li или ul применено css-свойство transform.
Если бы данный фрагмент был выложен в песочницу, было бы проще понять, на примере.

[Danny Arty]

Все норм сделано, просто, как написали ниже, у вас точно стоит масштаб в браузере. Только что проверил ваш сайт со своего - одинаковая ширина стоит, а при увеличении масштаба как раз и начинает выглядеть разной у всех

Answer 1

[archelon]

1.5px — бессмысленное значение.
у вас, судя по скрину, масштаб отображения в браузере увеличен, отсюда визуальные искажения. нажмите ctrl+0

Comments

[gimlen]

Я не знаю почему, но значение 1.5 работает. А маштаб увеличил для того чтобы было лучше видно на скрине разницу в толщине.