移动端全屏界面兼容底部操作栏遮挡的问题

先设置 meta

<!-- 在 nuxt.config.ts 或页面头部设置 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="theme-color" content="#000000">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

使用很多方法，还是加上 dvh 最合适

.container {
	min-height: 100vh;
	
	min-height: 100dvh; /* 动态视口高度 */
	
	min-height: 100svh; /* 小视口高度（最保守） */
}

在需要全屏界面加上这些属性浏览器会自动计算视口的高度，并调整布局