html - DIV height set as percentage of screen? -


i'm looking set parent div 70% of full 100% screen height. i've set following css doesn't seem anything:

body { font-family: 'noto sans', sans-serif; margin: 0 auto; height: 100%; width: 100%; } .header { height: 70%; } 

for reason doesn't seem working though , header isn't 70% of screen size. advice?

try using viewport height

div {     height:100vh;  } 

it discussed here in detail


Comments

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

java Extracting Zip file -

C# WinForm - loading screen -