vh not working on mobile code example

Example 1: vh not working on phone

height: 100vh; 
max-height: -webkit-fill-available;
// now it wil be the full height

Example 2: css vw not working on mobile

//In your js file:
window.addEventListener('resize', () => { 
  document.querySelector(':root').style
    .setProperty('--vw', window.innerWidth/100 + 'px');
})

//Css
width: calc(100 * var(--vw));