トランジションでブラウザのサイズに合わせてテキストを拡大縮小する

Question

ボタンの上にマウスを置いたときにブラウザの 100% にサイズ変更したいテキストがあります。このテキストをブラウザ/コンテナに適合させるにはどうすればよいですか?

font size を使用すると font-size:100vw のようなことができることは知っていますが、font-size のアニメーションは非常に不安定なので、この方法は使用できません。

http://jsfiddle.net/0n15mfyL/

ジッターについて気になる人は、フォントを縮小すると顕著になります: http://jsfiddle.net/rbk48upd/

Answer 1

私はrequestAnimationFrame()

を検討しています

リーリー リーリー リーリー