I need to do this with jQuery.  

Let's say that I have simple div element in HTML like that:

```
<div class="grow"></div>

```

**CSS:**

```
body, html {
width: 100%; 
height:100%;
min-height:100%
}

.grow {
height:20px; 
width:100%;
}

```

I need to write script where DIV `grow` will be growing according to the screen resolution. Starting from 90px's.

Sth like this:

For **90px** screen wide DIV height will be - **20px**
For **130px** screen wide DIV height will be - **30px**

**so for any 4px's width height will grow 1px.**

I tried lots of solutions but without any luck. Any help will be appreciated.
['https://Stackoverflow.com/questions/19786191', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/1587500/']
Try this

```
$(window).resize(function() {
    var bodyheight = $(document).height();
    var divHeight = (bodyheight-10)/2;
    $('.grow').css("height", divHeight+"px");;
});

```
Try this

```
var width = (+$(window).width());
var divHeight = (width-10)/2;
$(".grow").height(divHeight);

```