主页 / 问题 / 758115
Accepted
Node_pro
Asked:2020-12-14 16:32:31 +0000 UTC2020-12-14 16:32:31 +0000 UTC

身体上有 transform: translateZ(0) scale(1, 1) 有什么作用？

  • 772

这不是我第一次遇到transform: translateZ(0) scale(1, 1)适用于标签的规则<body>。

问题是，这条规则给出了什么？

因为我有以下问题：border它并不总是在表格中绘制，有时图像没有加载（谷歌浏览器中的情况）。
但！当您禁用此规则时，站点会发生变化（我仍然不明白为什么，因为值是标准恕我直言）。
在我在某处读到的网站上，这是为了没有闪烁（但也许我误解了）。谢谢

css

1 个回答

  1. Best Answer

    如果没有针对您的特定错误的最小、独立且可重现的示例，则很难确定。

    通常translateZ(0)规定是为了在动画开始之前在 GPU 上绘制元素，以使动画流畅，没有抽搐。tranform不重绘对象，它们直接使用 GPU 内存，它使用硬件加速。

    scale(1, 1)将块的内容增加 110% 的标准。这很可能是您看不到某些边框、内容边框的原因。毕竟，它们比块的宽度大 10%，而且很可能根本不适合它。你可以试着强迫它overflow。也许你有这样的事情：

    div {
  height: 50px;
  margin: 20px;
  border: 5px solid red;
  transform: translateZ(0) scale(1.1);
}

.one {
  overflow: hidden
}

.two {
  overflow:auto
}

.three {
  overflow: visible;
}

span {
  height: 50px;
  display: block;
  border: 5px solid green;
}
    <div class=one><span>1</span></div>
<div class=two><span>2</span></div>
<div class=three><span>3</span></div>

    • 2

相关问题