我在水平滚动方面遇到问题,当幻灯片换行宽度小于父级宽度时,则位于 q 页面内,但是当我将宽度设置为 100% 时,它比父级宽。如何调整菜单的宽度以在父宽度内水平滚动而不设置硬编码的 widt 值?
<template>
<q-layout>
<q-page-container class="column col row" style="background-color: rgb(217,225,238);">
<q-page>
<div class="col row column">
<div class="slide">
<menu-bar class=""></menu-bar>
</div>
</div>
</q-page>
</q-page-container>
</q-layout>
</template>
<style lang="scss" scoped>
.slide-wrap {
width: 350px;
overflow-x: scroll;
}
.slide {
width: 900px;
}
</style>
宽度:100vw 解决问题,该值与父宽度匹配