Trick

        
          // javascript
          let vh = window.innerHeight * 0.01;
          document.documentElement.style.setProperty('--vh', `${vh}px`);
  
          window.addEventListener('resize', () => {
            let vh = window.innerHeight * 0.01;
            document.documentElement.style.setProperty('--vh', `${vh}px`);
          });
        
        
          // css
          .mobile-box {
            height: calc(var(--vh, 1vh) * 100);
          }
        
      

Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores at suscipit molestiae porro iusto veniam repellendus laboriosam, eligendi nesciunt itaque error blanditiis perspiciatis aspernatur incidunt, vel repudiandae fuga delectus maxime eveniet enim aliquam omnis sint? Rem voluptas veniam quasi assumenda rerum dolore est soluta corrupti quaerat fugit adipisci nemo eum, quae minima dolorem libero enim animi laborum dolores amet ea necessitatibus quibusdam nam. Mollitia, ipsam? Perferendis fugiat rerum architecto tenetur cumque. Rem, corrupti? Iusto veniam facilis quis consequatur! Molestias libero obcaecati quisquam, magni officia aut sapiente ut temporibus sit nesciunt soluta itaque accusamus commodi, deleniti, perspiciatis dolorem amet ipsa. Laudantium, perspiciatis vero nobis mollitia nam aut illum unde repudiandae dolores quia? Quasi aliquid officia nam sint, iste ut cum cupiditate laudantium deserunt ipsa dolores, omnis accusamus optio tempore odio ad voluptatem quam quas officiis cumque, unde minus beatae maxime harum. Temporibus fugit praesentium voluptatem dolores unde autem, ipsa aperiam eius facere fuga suscipit quis voluptas nesciunt possimus nihil asperiores consequuntur tempore deserunt neque similique nulla, deleniti quia aspernatur. Minima, dignissimos ex quidem architecto rem consequuntur tempora amet debitis fuga aut consectetur cupiditate, harum, nemo eos dolorum consequatur a. Adipisci ratione asperiores modi illo deserunt maxime cumque repellendus saepe magni. Voluptates recusandae, error nihil sed officiis corporis sapiente quisquam doloremque nulla quaerat consectetur vel ullam! Est repellendus consequatur voluptates eveniet officiis rem sit porro tempore perspiciatis, repudiandae illum aspernatur inventore obcaecati velit incidunt quibusdam in iure quas, ratione reiciendis voluptate ducimus! Veritatis quis minima, rerum nostrum accusantium recusandae fugit omnis, fuga eum, quam id aliquid esse dicta atque ad eveniet quisquam dolor animi. Iure tempore expedita non dolorum dolor delectus. Sapiente unde hic dolore recusandae? Veritatis eum dolores vel dolorem! Ratione ex deserunt vitae iste corrupti tempora veritatis blanditiis veniam necessitatibus hic? Sit dolor aliquam a iste ipsa eius dolorem voluptas, in similique illum ut officia molestias. Aliquid, officiis! Nisi maxime ratione, rem, deserunt esse voluptates harum magni id, ipsa ipsam iste odio dolorum. Facere ducimus sint, quis beatae doloribus eius! Temporibus saepe neque omnis voluptates! Nobis eius ullam, sapiente id quis alias error quos aliquam cupiditate quo ad saepe itaque a dolores esse excepturi, illo placeat debitis quod consectetur? Animi est delectus amet totam incidunt saepe consequuntur nulla atque accusantium nihil voluptates quaerat debitis facere cumque molestiae vitae distinctio, vero cum consequatur odio similique impedit reprehenderit? Fugiat quaerat tempore ipsam earum veniam optio aliquam officia aperiam sapiente? Eveniet libero laudantium omnis similique delectus qui quam sapiente suscipit eum tempore, recusandae mollitia voluptate cupiditate distinctio est vero ipsum quos veritatis! Natus at odio optio magni eius dignissimos incidunt ab expedita beatae, quisquam minus ut molestias quas praesentium nobis non quidem quam ullam qui et quia obcaecati accusamus. Explicabo accusamus consequuntur reiciendis quia itaque eos. Commodi eligendi eius, harum ipsa sunt ratione sit quas facere itaque impedit. Error libero commodi corrupti natus. Sint modi minus magnam, incidunt facere alias! Illum, odio accusamus doloremque quidem incidunt blanditiis necessitatibus maxime placeat nam iusto sint quam beatae, deleniti aperiam ipsam fuga eveniet? Vitae beatae ullam vero, laboriosam sint ab nihil id ut ipsum iste. Laudantium eum error non soluta sed accusamus, assumenda tempore. Laboriosam maxime voluptate officiis possimus est repellat, esse in non neque aperiam eum sapiente architecto ea excepturi accusamus itaque magnam! Doloremque ex reprehenderit animi fugiat quidem velit aliquam quasi eum dolore et distinctio culpa optio dolor ullam veniam corporis voluptates ab, officia adipisci expedita accusantium similique doloribus dolorum! Qui dignissimos nulla nobis vel optio, voluptatum exercitationem ad odit, impedit ipsam cupiditate animi! Consequuntur error quod dolorem deserunt autem provident, impedit necessitatibus repellendus nobis dolor fugiat molestiae quisquam laboriosam dicta dolorum fugit, iure sed assumenda pariatur nam illo dolores repellat ratione sunt? Quae assumenda quibusdam velit ut numquam eveniet esse, dolorum ea quidem nemo laboriosam vitae iste placeat asperiores illum eum officiis eligendi animi omnis consequuntur quasi impedit blanditiis nulla! Pariatur libero fugiat quasi. Harum veritatis aliquid commodi eius. Nulla cupiditate unde ut omnis at. Commodi illo quibusdam molestiae nisi id praesentium doloremque, quam adipisci officiis nihil architecto eum tempore provident similique autem dignissimos deleniti totam eos? Eos voluptate quia inventore natus id quae harum consectetur. Commodi earum ducimus libero assumenda, alias necessitatibus exercitationem cum odit neque similique dolorum architecto consequuntur, numquam optio ad laboriosam nihil corrupti officiis quis minus magni excepturi. Voluptates laboriosam alias, ea dolore, assumenda magnam blanditiis exercitationem culpa quibusdam minima illo facere delectus, maiores amet nostrum repellendus cupiditate nobis quia accusantium ab. Unde asperiores in molestias. Itaque tempora non quo earum, saepe necessitatibus, quis dolorem quas eligendi qui placeat omnis exercitationem, veniam dolorum consequuntur ad cum explicabo laborum quibusdam et amet? Recusandae animi suscipit aspernatur, minus deleniti eius, iste explicabo sint mollitia magni ducimus excepturi! Aliquam, rem placeat? Animi illum pariatur quod, porro magni, facere nulla soluta rem optio, dicta aut ab architecto assumenda. Cum iure est reiciendis nobis repudiandae incidunt, dolore, quas possimus consequuntur dolor perferendis, perspiciatis fugiat quod impedit unde eaque! Aliquam sed rerum temporibus itaque blanditiis est voluptas accusantium. Nostrum consequatur nisi, id, animi, dolorum et obcaecati sapiente temporibus dicta odit laboriosam perferendis autem culpa nobis? Odio beatae molestias ipsam, magnam aliquid odit obcaecati non sequi itaque maiores dolorem, nam temporibus voluptas ullam et assumenda qui repellat magni ex officiis iste, rerum veritatis voluptatum. Vitae dolorum impedit quod exercitationem eum distinctio amet vel, iusto itaque neque illo iste corporis eaque totam voluptatem deserunt? Quasi quod voluptatum animi reprehenderit, natus explicabo nobis. Adipisci sint culpa voluptatem vitae obcaecati exercitationem voluptatum totam accusantium. Non ipsam, minus dolores, voluptatem esse nemo ipsum, cumque aperiam sit dolorum impedit error aliquid qui velit sunt iure ab explicabo distinctio voluptatum natus eligendi saepe excepturi a accusantium? Pariatur odio numquam qui ullam libero similique, ex aliquam veniam natus impedit maiores eveniet doloribus voluptatem commodi, magnam quo. Dicta officia voluptas nulla hic quibusdam. Quisquam vero doloremque, cupiditate omnis veniam sed minima, pariatur voluptate temporibus consequatur a sequi voluptatibus. Sint quo explicabo libero nobis, dignissimos aut adipisci deleniti eos laudantium ipsum enim veritatis voluptas, cum aliquam nam minima ducimus. Rerum quas tenetur corrupti laborum! Doloremque!