5

我有一个非常精致的标题，它使用 lettering.js 来设置每个字母的样式。

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

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

其他浏览器是否存在导致此问题的错误解决方案的错误？它似乎有相当好的浏览器支持，但我担心其他浏览器和渲染引擎上的错误和像素化。

使用 CSS3 转换的（如果有的话）缺点是什么：为响应式标题缩放文本？

4

2 回答 2

10

我能想到的问题有两个：

  1. 该元素仍将占用文档中的原始大小，因此您可能需要使用负边距来处理它。这是一个演示：http: //jsfiddle.net/joshnh/MwMYT/
  2. 一些浏览器不能很好地渲染缩放元素。Chrome 因这一点而臭名昭著（尽管它在转换元素的比例时最为明显）。不过他们越来越好了！

话虽如此，我认为您提出的解决方案是一个合理的解决方案，并且缺点肯定是可以控制的！

于 2012-09-14T01:35:10.307 回答
-1

除了浏览器支持之外，我认为没有任何其他功能。CSS transform很好，因为它是硬件加速的，所以它更快，更流畅。

于 2012-09-14T00:43:27.397 回答