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)
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 .
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
Please share the page url and the screenshot of the element that you want to be screen height.
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
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.