[HTML + CSS] margin % 불일치, 맞지않을 때

margin-top:50% 주고싶은데

 

안드로이드 웹브라우저에서는 반영이 잘되는데

 

데스크탑 브라우저에서 비율이 일치하지 않는다.

 

3시간 구글링 결과

 

%를 vh로 바꿔주면 된다.

 

 

 

.frame-main {
 height: 50vh;        // 50% (X)
 background-color: #EAEAEA;
 text-align: center;
}