vue移动端怎么设置页面高度_vue移动端屏幕适配详解

对于移动端页面，我们通常使用vw（视窗宽度）和vh（视窗高度）来设置元素的尺寸，以适配不同的屏幕大小。同时，我们也需要设置页面的高度，以保证页面内容完整显示，并且在滚动时能够正常展示。

下面是一些设置页面高度的方法：

1. 使用CSS样式设置页面高度，例如：

   html, body {
     height: 100%;
   }

2. 使用JavaScript动态设置页面高度，例如：

   document.documentElement.style.height = window.innerHeight + 'px';

3. 使用第三方库，例如viewport-units-buggyfill，它可以解决vw和vh在某些浏览器中不兼容的问题，并自动计算页面高度。

总之，设置页面高度需要考虑到屏幕适配和浏览器兼容性等因素，可以选择合适的方法进行设置。