feat:优化移动端布局适配
This commit is contained in:
@@ -658,7 +658,7 @@ const toggleVirtualKeyboard = () => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh; /* 默认占据整个视口高度 */
|
height: 100dvh; /* 使用动态视口高度 */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: height 0.3s ease; /* 可选:添加过渡效果 */
|
transition: height 0.3s ease; /* 可选:添加过渡效果 */
|
||||||
}
|
}
|
||||||
@@ -666,7 +666,7 @@ const toggleVirtualKeyboard = () => {
|
|||||||
/* 当 Header 可见时,调整高度 */
|
/* 当 Header 可见时,调整高度 */
|
||||||
.workspace-view.with-header {
|
.workspace-view.with-header {
|
||||||
/* 假设 Header 高度为 55px (根据 App.vue CSS) */
|
/* 假设 Header 高度为 55px (根据 App.vue CSS) */
|
||||||
height: calc(100vh - 55px);
|
height: calc(100dvh - 55px); /* 使用动态视口高度计算 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-content-area {
|
.main-content-area {
|
||||||
|
|||||||
Reference in New Issue
Block a user