我在工作中遇到了一些问题,我想了解它。
我复制了网站标题的 HTML 并将其放入我自己的网站(我无法提供指向我网站的链接,因为它已经开启了私人服务器)。我还包括了我正在复制的网站的所有 CSS 文件。除了我网站上的几个小点外,一切看起来都一样。
我调查并发现这些点是img
元素是a
元素的子元素的每个地方。我在我的网站和我正在复制的网站上运行检查元素,发现这些a
和img
标记具有完全相同的规则和已计算,但a
在我的网站上3px
都高a
。
我决定比较所有浏览器样式,虽然我预计没有什么会有所不同,因为当然,我一直在同一个浏览器中进行比较。好吧,事实证明,transform-origin
在我的网站上有perspective-origin
和{{1}}的不同属性。到目前为止,我甚至从未听说过这些属性,并且Firefox没有将它们显示为来自任何 CSS 文件。
任何人都能解释一下吗?
答案 0 :(得分:0)
总结一下:
透视原点 是您在空间中查看对象的点,而 变换原点 负责设置与对象进行旋转或平移的点。
您应该注意 perspective 负责为给定元素的子元素设置视角,因此可以解释这些属性的细微差别。