我有代码:
td{
border: 1px #cccccc solid;
white-space: nowrap;
}
div {
max-width: 800px;
overflow: auto;
}
<div>
<table>
<tr>
<td>Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap</td>
</tr>
</table>
</div>
它在 PC 上有效。然后在移动设备上设置元标记:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="collapsable" content="none">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
我的 table 超大屏幕。 我希望它显示表格的滚动宽度,并且表格中的所有内容都对移动设备友好!
最佳答案
在div标签上设置display:table属性
关于html - 移动端表格水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45921513/