まず、「outerHeight」と「innerHeight」。

これらはwindowの要素であり、以下の違いがある。
┌─────────┬────────────────────────────┐
│window.outerHeight│ブラウザ全体の縦幅                                      │
│window.innerHeight│ブラウザ内表示領域の縦幅(枠線やメニューバー等を除く)    │
└─────────┴────────────────────────────┘

widthの場合も同様。
┌─────────┬────────────────────────────┐
│window.outerWidth │ブラウザ全体の横幅                                      │
│window.innerWidth │ブラウザ内表示領域の横幅(枠線やメニューバー等を除く)    │
└─────────┴────────────────────────────┘