正如标题所说,transform:translate(x,y)和position:relative之间有什么区别。
既然他们都完成同样的事情(位置元素),那么它们在目的和应用方面有何不同?
我使用" transform:translate;"阅读了一篇关于居中元素的文章。那说使用"转换"由于GPU和优化原因,但我不能真正看到这个问题,因为如果你只是重新定位一个元素而不是动画它,它就不是什么大问题。
所以最后,它们如何不同以及以何种方式存在?
答案 0 :(得分:2)
基本上translate
依赖于CSS3 2D Transforms而position
属性为CSS2 level。
在支持它的浏览器中,据说使用translate
将提升浏览器的整个图形性能,
但并非所有浏览器都支持它,
所以如果你关心广泛的浏览器支持CSS2的位置肯定会更好,
而transform:translate()
是未来。