Question: I have designed a page where four `div` tags are there in the page. If I test the page in mobile phone (5 inch) it fits the page perfectly, If I test the same page in tablet the page fits with in 30% of the screen. So how can I set the `div` size so that it will fit for all type of screens.

[Fiddle link](http://jsfiddle.net/Ramaganiprasad/e0j9gjjy/)

HTML:

```
  <div class="bubble0" align="center">
     <h3>Three  Levels </h3> 
  </div>
  <div class="bubble"  align="center"> </div><br/><br/>
  <div class="bubble1" align="center"> </div><br/><br/>
  <div class="bubble2" align="center"> </div><br/><br/>
  <button>Play</button>

```

Any suggestions please,

Answer: 
I use something like this in my document.ready

```
var height = $(window).height();//gets height from device
var width = $(window).width(); //gets width from device

$("#container").width(width+"px");
$("#container").height(height+"px");

```
Try giving your divs a width of `100%`.