0
私は自分のプロジェクトの1つでgridstack.jsを使用しており、グリッド上に3つのサイズ変更可能なドラッグ可能なdivがあります。
これらのdivのpタグとh3タグのテキストのサイズを変更し、親divのサイズを変更するとフォントサイズの値を保存したいと思います。私はこれを次のようにすることができます： Can text be resizable using jquery-ui?Jquery UIのサイズ変更のテキストのサイズは、親divと画面のサイズに依存します
しかし、画面が変わったらどうしたらいいですか？たとえば、小さな画面を使用していて、divのサイズを変更した後、pfontsizeは12pxになる可能性があります。私は大画面を使用するとき、pタグのフォントサイズはどうでしょうか？これをどうすれば調整できますか？あなただけの画面の幅に応じて、各ルールを実行するために@mediaルールを使用することができ
おかげ
こんにちは、divsはgridstackでサイズ変更可能であり、divsのサイズ変更時にはテキストもサイズ変更されています。たとえば、 '@media'のmax-width：480pxと '@media'のfont-size：16pxのmax-width：960pxの場合、font-size：12pxを設定できます。しかし、6ブロック幅のdiv（グリッドスタックで）の場合、この中のテキストは480pxと960pxの画面で異なって見えるはずです。また、divやfont-sizeの変更もリサイズしているので、これらのフォントサイズの値は静的であってはなりません。スクリーンスワップ時のフォントサイズの値はわかりません。ありがとう –
親要素に応じて％ベースのフォントサイズに変更できますか？例えば。 'p.parent'の80％ –