私はCSS(の下に@media print
)とJavaScriptを使用して、指定されたテキストが所定の幅内に収まるようにできるだけ大きくして1ページのドキュメントを印刷しようとしています。テキストの長さはあらかじめ分かっていないので、固定幅フォントを使用するだけではオプションではありません。特定のテキストを壊さない最大のフォントサイズはどのようにして見つけられますか?
言い換えれば、私は適切なサイズ変更を探しています。例えば、 "IIIII"は "WWWW"よりはるかに大きなフォントサイズで出てくるでしょう。なぜなら、 "私"は "W "を可変幅フォントで指定します。
これで最も近かったのは、clientWidth
が十分に小さくなるまでJavaScriptを使用してさまざまなフォントサイズを試してみることでした。 これは画面のメディアには十分ですが、印刷媒体に切り替えると、90 DPIがシステムに表示されるという保証がありますか(つまり、両面に余白を0.5インチずつ入れます私はclientWidth
のために約675を得る)は、他のどこでも同じになるでしょうか?ピクセル測定値から変換するときにDPIをどのように使用するかはブラウザがどのように決定しますか? JavaScriptを使用してこの情報にアクセスする方法はありますか?
これは単なるCSS3の機能(font-size:max-for-width(7.5in)
)であれば気に入っていますが、それが見つかっていないと私はそれを気に入っています。
私が言ったように、これは画面上で正常に動作します。しかし、これを特定の印刷寸法に合わせたい場合は、DPIを見つける方法を教えていただけないと、ピクセル数が同じ数になるという保証がないので、DPIを見つけることはできません。 – Kev
情報をありがとう。 :) – Kev