c# - jQuery/javascript の要素のサイズ変更

Question

HTML テーブル内に含まれるすべての要素のサイズを変更するにはどうすればよいですか? テーブルは 3 行で、3 列はそれぞれ %3​​3% です。ウィンドウのサイズが高さまたは幅によって変更された場合、内部の要素のサイズを変更してセルを埋める必要があります。現在、サイズを変更すると、セルは伸びますが、ウィンドウを小さくしても縮小しません。

Answer 1

テーブル内の要素の幅と高さを%で指定するか、両方の値を「継承」してみてください。

Answer 2

アイデアは、セルに関連して要素のサイズの割合を使用することです。
例:
- 高さ 20px、幅 50px のセルがあります。内部には 12px のテキストが含まれています。
- テキストのサイズ = セルの高さの 60%。
- したがって、セルのサイズを 40px の高さに変更すると、フォントは 24px になります。
- フォント サイズが 12px の場合のセルの幅について。つまり、各文字の幅は 12px になります (等幅フォントの場合)。セルに含まれる文字数に応じて、セルの幅を設定できます。

完璧にフィットさせたい場合は、考慮すべきことがたくさんあります。