解决移动端小键盘弹出页面布局变形问题

先在最外层设定样式

		min-height: 100vh;
		/*最小高度*/
		overflow: hidden;
		/*这里不写可能会导致底部出现白边或滚动条*/

在下一层的元素上绑定动态的style,然后在mounted里计算动态的高度

mounted() { this.bodyHeight = document.documentElement.offsetHeight + 'px'; //注意:这里动态计算页面高度 }

你可能感兴趣的:(css,css)