我在垂直居中定位元素时设置了惯性。元素{位置：绝对；顶部：50%；transfome:translateY(-50%);}设置后没发现问题，后来美工和测试都反映这个元素的字体模糊了。这是我第一次遇到这个问题。后来经过反复排除，确定了时光变换之壶。查了资料，要移动的元素的高度应该是奇数。当CSS动画渲染非整数px时，字体会显得模糊。它甚至反复上下移动。解决方法：给居中的元素一个偶数高度（基本没用，很多时候我们写不上高度）。边距不用于动画，但边距的百分比是相对于父级的。我们仍然需要知道元素的确切高度。.element{位置：绝对；顶部：50%；margin-top:...;}给定位元素一个父元素。使用height:100%然后设置flex布局的垂直中心。父亲{显示：flex;对齐项目：居中}
