5

私は、lettering.jsを使用して個々の文字のスタイルを設定する非常に手の込んだヘッダーを持っています。

メディアクエリでテキストサイズを変更すると、回転やその他のスタイルだけでなくtop、 （相対）位置などの他の側面も個別に変更する必要があります。right

私はwebkitでうまくtransform: scale()機能し、フォントサイズだけでなく、デザインのすべての側面をスケーリングすることを発見しました。

他のブラウザには、これを悪い解決策にするバグがありますか？ブラウザのサポートはかなり良いようですが、他のブラウザやレンダリングエンジンのバグやピクセル化が心配です。

CSS3変換を使用することの（もしあれば）欠点は何ですか：レスポンシブヘッダーのテキストを拡大縮小しますか？

4

2 に答える 2

10

私が考えることができる2つの問題があります：

  1. 要素は引き続きドキュメント内で元のサイズを占めるため、これに対処するには負のマージンを使用する必要がある場合があります。これがデモンストレーションです：http：//jsfiddle.net/joshnh/MwMYT/
  2. 一部のブラウザは、スケーリングされた要素をうまくレンダリングしません。Chromeはこれで有名です（ただし、要素のスケールを移行するときに最も目立ちます）。彼らはしかし良くなっています！

そうは言っても、提案されたソリューションは合理的なものであり、欠点は確かに管理可能だと思います。

于 2012-09-14T01:35:10.307 に答える
-1

ブラウザのサポート以外には何もないと思います。CSS transformハードウェアアクセラレーションが優れているため、より高速でスムーズです。

于 2012-09-14T00:43:27.397 に答える