[Mobile height] 체크

css

.xxx {
  max-height : calc(100vh - 50px);
  max-height : calc(var(--vh, 1vh) * 100 - 50px);
}

 

js(jQuery)

<!-- 선언 -->
var vh = window.innerHeight * 0.01
  document.documentElement.style.setProperty('--vh', `${vh}px`)
  window.addEventListener('resize', () => {
    var vh = window.innerHeight * 0.01
    document.documentElement.style.setProperty('--vh', `${vh}px`)
})

<!-- 사용 -->
$(".xxx").css({ 
  "max-height" : "calc(100vh - " + "50px)",
  "max-height" : "calc(var(--vh, 1vh) * 100 - " + "50px)",
})