メディアクエリを使って柔軟にCSSを記述することができます。常に固定サイズで、画面幅に合わせて自動的に伸縮する訳ではありません。ためだけにリサイズの度に再計算させるのも無駄なので、CSSでできる範囲で対応してみます。単位、そして中学で習った1次関数を使います。最小22px最大34pxで、間は1次関数に任せます。することで、メディアクエリのブレイクポイントで急激に22pxから34pxに変わることはなくなります。