私は<div>幅400px、高さ100pxのを持っています。長さが異なるヘッダーを入れたいのですが、<div>十分な長さの場合は2行かかります（つまり、<div>デフォルトのフォントサイズは50pxになります）。テキストを 50px から開始し、テキストが長すぎて 2 行のボックスに収まらない場合は縮小したいと考えています。
どうすればいいですか？私は数時間Javascriptをいじっていますが、何かを思いついたり見つけたりすることができません. 私が見つけることができるのは、1行のテキストに対してこれを行う方法だけです。