文字サイズを%を使わずに相対指定したい

Question

前提

MonacaでHTMLとCSSを用いてスマホアプリを作っています。

実現したいこと

「%」「vh」を使わずに、画面サイズを参照して文字サイズを設定したい。

発生している問題・エラーメッセージ

%やvhで文字サイズを指定すると、テキストボックスをクリックしてスマホのキーボードが開いた時に画面の表示領域が狭くなり、その狭くなった表示領域を100%として参照するようになってしまいます。つまりキーボードを開くと文字サイズが小さくなります。
なのでテキストボックスを開いた状態でも、元々の表示領域を100%としたまま相対指定したいです。

試したこと

pxで絶対指定をした場合は発生しませんが、画面の大きさによって文字サイズを変えたいので絶対指定ではない方法で解決したいです。

Answer 1

vhではなく、vwを使うとよろしいかと。
ビュー領域の横幅に対しての比率単位です。

スマートフォンデバイスは、
縦向きに扱うことが多いため、
デバイスによって縦幅の比率が変わることが多く、またWebページは縦の幅の可変が多く発生するため、本質問のような不都合が起きやすくなります。

対して、横幅であれば、変動はデバイスの向きを変えた時くらいしか発生せず、デザイン通りのスタイルを組みやすくなります。