需要帮助理解变换起源和视角起源差异的原因

Question

我在工作中遇到了一些问题，我想了解它。

我复制了网站标题的 HTML 并将其放入我自己的网站（我无法提供指向我网站的链接，因为它已经开启了私人服务器）。我还包括了我正在复制的网站的所有 CSS 文件。除了我网站上的几个小点外，一切看起来都一样。

我调查并发现这些点是img元素是a元素的子元素的每个地方。我在我的网站和我正在复制的网站上运行检查元素，发现这些a和img标记具有完全相同的规则和已计算，但a在我的网站上3px都高a。

我决定比较所有浏览器样式，虽然我预计没有什么会有所不同，因为当然，我一直在同一个浏览器中进行比较。好吧，事实证明，transform-origin在我的网站上有perspective-origin和{{1}}的不同属性。到目前为止，我甚至从未听说过这些属性，并且Firefox没有将它们显示为来自任何 CSS 文件。

任何人都能解释一下吗？

Answer 1

总结一下：

透视原点 是您在空间中查看对象的点，而 变换原点 负责设置与对象进行旋转或平移的点。

您应该注意 perspective 负责为给定元素的子元素设置视角，因此可以解释这些属性的细微差别。