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

时间:2015-02-12 20:05:13

标签: html css browser

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

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

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

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

任何人都能解释一下吗?

1 个答案:

答案 0 :(得分:0)

总结一下:

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

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