css - ブラウザーのサイズに合わせて要素のサイズを段階的に変更するにはどうすればよいですか?

Question

DIVブラウザのサイズ変更に合わせて幅を変更しようとしています。

パーセンテージで処理できる比率ではありませんが、画面サイズに依存します。画面の幅が 1000px の場合、div は 800px になり、画面の幅が 1024px の場合は 800px になります (原因 80 1024 の % は 819.2 であり、20 で割っていません)。

多くのメディアクエリを実行する以外は、これを行う方法がわかりません。