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: 
You can use the viewport height, just set the height of your div to `height:100vh;`, this will set the height of your div to the height of the viewport of the device, furthermore, if you want it to be exactly as your device screen, set the margin and padding to 0.

Plus, It will be a good idea to set the viewport meta tag:

`<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" />`

Please Note that this is relatively new and is not supported in IE8-, take a look at the support list before considering this approach (<http://caniuse.com/#search=viewport>).

Hope this helps.
I don't have much time and your jsfidle did not work right now.  

But maybe this will help you getting started.

First of all you should avoid to put css in your html tags. Like `align="center"`.  

Put stuff like that in your css since it is much clearer and won't deprecate that fast. 

If you want to design responsive layouts you should use **media queries** wich were introduced in css3 and are supported very well by now.

Example css:

```
@media screen and (min-width: 100px) and (max-width: 199px)
{
    .button
    {
        width: 25px;
    }
}

@media screen and (min-width: 200px) and (max-width: 299px)
{
    .button
    {
        width: 50px;
    }
}

```

You can use any css you want inside a media query.   

<http://www.w3.org/TR/css3-mediaqueries/>