使用CSS3转换有什么(如果有的话)缺点:扩展响应标头的文本？

Question

我有一个非常复杂的标题,使用lettering.js来设置每个字母的样式.

使用媒体查询更改文本大小将迫使我分别更改其他方面,如top和right(相对)位置以及旋转和其他样式.

我在webkit中发现transform: scale()效果很好并且可以扩展设计的所有方面,而不仅仅是字体大小.

其他浏览器是否有错误使这个问题变得糟糕？它似乎有相当不错的浏览器支持,但我担心其他浏览器和渲染引擎上的错误和像素化.

使用CSS3转换有什么(如果有的话)缺点:扩展响应标头的文本？

Answer 1

我能想到两个问题:

1. 该元素仍将占用文档中的原始大小,因此您可能需要使用负边距来处理该元素.这是一个演示:http://jsfiddle.net/joshnh/MwMYT/
2. 某些浏览器不能很好地渲染缩放元素.Chrome因此而臭名昭着(尽管在转换元素规模时最为明显).他们越来越好了!

话虽如此,我认为你提出的解决方案是合理的,缺点肯定是可以管理的!