Используется графическое ускорение и позиционирование окна с помощью transform css-свойств. При использовании этого подхода пиксели теряют жёсткую привязку к своим физическим аналогам и начинают использовать сабпиксельный рендер для отображения процентных свойств позиционирования.
Классический пример центрирования трансформом:
.some {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
В качестве альтернативы можно использовать:
1) inline и table свойства (vertical-align и display: table-cell соответственно)
2) Жёсткую привязку к размерам окна и позиционирование через отрицательный margin
3) Использование flexbox
