html - How to make vertically responsive element based on the height of window? -

I have input with its height and width in the center of the site (imagine Google) and its position is required Standing at the height of the browser window, I was looking for a solution, but I could not find it.

  Input {Max-height: 4 AM; Max-width: 25 AM; Profile: None; }  

One way is CSS3 Use translateY in this way ..

  Input {max-height: 4em; Max-width: 25 AM; Margin: 0 auto; Status: Relative; Top: 50%; Webkit-Conversions: Translation Y (-50%); -MMS-transform: Translation Y (-50%); Conversions: Translator Y (-50%); }