我有一个非常精致的标题，它使用 lettering.js 来设置每个字母的样式。
使用媒体查询更改文本大小会迫使我更改其他方面，例如 top 和 right(相对)位置以及旋转和其他样式。
我在 webkit 中发现 transform: scale() 效果很好，可以缩放设计的各个方面，而不仅仅是字体大小。
其他浏览器是否存在导致该解决方案不佳的错误？好像还不错browser support ，但我担心其他浏览器和渲染引擎上的错误和像素化。
使用 CSS3 转换的缺点是什么(如果有的话):响应式标题的文本缩放？
最佳答案
我能想到的有两个问题:
- 该元素在文档中仍会占用其原始大小，因此您可能需要使用负边距来处理它。这是一个演示:http://jsfiddle.net/joshnh/MwMYT/
- 有些浏览器不能很好地呈现缩放元素。 Chrome 对此臭名昭著(尽管在转换元素的比例时最明显)。不过，他们正在变得更好!
话虽如此，我认为您提出的解决方案是合理的，而且缺点肯定是可控的!
关于css - 使用 CSS3 转换 : scale on text for responsive headers? 的缺点是什么(如果有的话)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12416665/