force page height to screen height

[Yahya]

Hello there I am building a homepage for mobile phones and I want the page height forced to be equaled to screen size (all the page content must appear in the screen without any scrolling)

[Anshuman Sahu]

You  can use the vh viewport unit for this . and can apply css like : example : body{ height : 100vh;  } this will cover the whole viewport height .

[Yahya]

I already tried it, nothing happens my page height is normally more than the screen height and I could not reduce it to be the same as screen height

[H.K. Latiyan]

Please share the page url and the screenshot of the element that you want to be screen height.  

[Yahya]

not just one element my page is consisted of about 5 rows, I want rows to shrink or be compressed to fit the screen height here is the page url: elmedresa.org/mobile-homepage and here is a link where you can understand what my issue is: http://mobiletest.me/nokia_lumia_920_emulator/?u=http://elmedresa.org/mobile-homepage

[Anshuman Sahu]

Well the height of your page in mobile is less than the screen height of the mobile . This is why there is blank space in browser in mobile .This is not a theme issue .It is related to your page design.

[Author]

Posts