Question: What im looking to do is create a chatbox that doesn't rely on media queries. That mathematically sets sizes of the chatbox content.

I was experimenting with `$(window).height()/$(window).width()` but that doesn't cover the whole browser window. I wanted to do this all in javascript/jquery without css/media queries

Answer: 
Try this code snippet

```js
(function() {
  window.onresize = displayWindowSize;
  window.onload = displayWindowSize;

  function displayWindowSize() {
    let myWidth = window.innerWidth;
    let myHeight = window.innerHeight;
    // your size calculation code here
    document.getElementById("screen").innerHTML = myWidth + "x" + myHeight;
  };

})();
```

```html
<div id="screen"></div>
```
If `$(window).height()` is not returning the whole browser window size then you have structural issues, like the `<!DOCTYPE html>` might not be the first line of your HTML file, etc.