小编use*_*463的帖子

在手机上水平滚动

我有一个100%宽度的div包含一张桌子。表格宽度取决于单元格宽度,并且必须大于div宽度。

<div class="row">
    <table>
       <tr><td></td><td></td></tr>
    </table>
</div>
Run Code Online (Sandbox Code Playgroud)

例如,行的宽度可能是300px(因为100%),而td的固定宽度可能是200px。

在这种情况下,我需要在div区域内水平滚动整个表格。

写这个

.row {
    overflow-x: scroll;
}
Run Code Online (Sandbox Code Playgroud)

使所有工作都在PC上(水平滚动触摸板)。但是,当我从移动浏览器进行访问时,无法滚动。

我也尝试过-webkit-overflow-scrolling:触摸,但似乎无法被浏览器(Chrome和Opera)识别。

关于如何解决的任何想法?

我在下面还提供了一些有助于解决问题的重要信息

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
Run Code Online (Sandbox Code Playgroud)

提前致谢

html css mobile touch horizontal-scrolling

2
推荐指数
1
解决办法
7186
查看次数

标签 统计

css ×1

horizontal-scrolling ×1

html ×1

mobile ×1

touch ×1