Question

我有代码：

＆＃13;

	td{
		border: 1px #cccccc solid;
		white-space: nowrap;
	}
	div {
		max-width: 800px;
		overflow: auto;
	}

＆＃13;

    <div>
    	<table>
    		<tr>
    			<td>Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap</td>
    		</tr>
    	</table>
    </div>

＆＃13;

它适用于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">

我的桌子超大屏幕。我希望它显示表格的滚动宽度，并且表格中的所有内容都适合移动设备！

Answer 1

在div标签上设置display：table属性

桌上水平滚动在移动电话上

1 个答案: