如何使 html 列可通过平板电脑 (Android) 上的触摸事件进行扩展？

Question

我正在尝试使由 6 列组成的页面的列可以在平板电脑（Android）上扩展。这可能吗？

Answer 1

我认为Flexbox容器应该足以满足您的需求。

#HTML

 <div class="row">
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
</div>

#CSS

.row {
    width: 100%;
    height: 100vh;
    background-color: red;
    display: flex;
    justify-content: space-between;
}

.column {
    width: 15%;
    height: 100%;
    background-color: bisque;
}

Answer 2

你在谈论崩溃吗？您可以使用Bootstrap手风琴
https：//getbootstrap：/