как px, em,% измеряется в свойстве transform css?

Question

когда мы используем em, px,% в свойстве transform (translate) для перемещения элемента в направлении X, Y в css, тогда эти единицы измеряются (разрешаются) относительно чего? Как он решает, в каком количестве двигаться направление

Answer 1

У вас есть 2 ситуации:

1. Вы используете значения длины (px, em, ch и т. Д.) Либо относительно или абсолют .В этом случае, ничего особенного, когда они используются с translate, они будут разрешены таким же образом, если они используются с любым другим свойством (вы можете обратиться к предоставленной ссылке, чтобы понять, как разрешается каждое из них).
2. Вы используете процентные значения.В случае, если значение будет разрешено относительно размерности самого элемента .Таким образом, использование translateX(X%) означает перевод по оси X на X% от width , тогда как translateY() будет логически учитывать высоту.

Подробнее: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate