取得した高さを利用してサイズを決めたい。

質問

いつもお世話になっております。
現在少々悩んでいるところがあるので皆様のお知恵を拝借したく投稿させていただきました。

#NAME{
wirght:500PX;
height:30px;
}
とある場合の
>height:30px;
の部分をその画面サイズごとに変えたいのです。

そこで画面サイズを取得するものを探したところ。
window.outerHeight;
を見つけました。

ここで取得したサイズ（wとします）
w-20のサイズをheightに設定したい場合はどのようにするのが良いのでしょう？
検索ワードもいまいち思い浮かばなくココに書かせていただきました。

ちなみに"－20"とした場合「もともと20」しか無かったらどうする…というツッコミはなしでお願いします。
20という数字もココでの例えの数字なので変更される可能性もあります。

またこのままの方法だの不可能な場合、可能な方法などご存知の方がいらっしゃればご教授願います。

内容がうまくまとめられませんでしたが、よろしくお願いします。

ＣＳＳとJavaScriptを使用しようと思ってます。
上記コードは今回の説明に必要な部分だけしか乗せませんでした。

回答No.1

dct18

とある場合って何ですか？
もし画面サイズの大きさが変わったときに変化するなんて
代物ならかなりウザイものが出来上がりそうですが

window.outerHeightの値をaにいれてa-20でいいかと
もし足りなくても分岐すればいいし、
その前にaが20以下か確認すれば良いですしね

外部ファイルのCSSを変化させられるJavaScriptは知らないので
HTMLに直接かかれたCSSの要素を変更するしかないと思いますが
そうした場合他のページでも使用する際、直接記入必須になります
ajaxで出来るみたいですが難しいと思います
(私が知らないだけでJavascript単体で出来るかもしれませんが)

正直普通のサイトなら固定サイズにした方がいいです
ゲーム性があるようなサイトなら別ですが

補足

ありがとうございます。

>とある場合って何ですか？
height:30px;
のことですけど？

外部ファイルのＣＳＳなんて言ってませんし。
>window.outerHeightの値をaにいれてa-20でいいかと
そのa-20の値をＣＳＳに書き込む際にどうやって書くのかが知りたかったんですが…

回答していただいて申し訳ないですが…
私の質問の意図と回答が一致していないようでした。
説明不足のようでいらない手を煩わせてしまったようで、
申し訳ないです。