我目前正在开发一个适合移动设备的网站。在这种情况下,我必须使用相同的HTML。我可以做一些小的调整,但是当我把它改回这个默认的CSS时它必须看起来一样。
#explain{
position:absolute;
top:100px;
left:20px;
width:95%;
min-width:0;
margin:auto;
column-count:1;
}#explain th{
margin:0px;
}#explain_icon img{
width:130px;}
<html>
<head>
</head>
<body>
<table id="explain" cellspacing="15px">
<tr id="explain_icon">
<td><img src="IMG/group.png" alt="Image has failed to load"></td>
<td><img src="IMG/Bell.png" alt="Image has failed to load"></td>
<td><img src="IMG/Warrenty.png" alt="Image has failed to load"></td>
</tr><tr>
<th>Japan</th>
<th>is a</th>
<th>smaller china</th>
</tr><tr>
<td><b>The
</b></td>
<td><b>Human
</b></td>
<td><b>Esophagus
</b></td>
</tr></table>
</body>
<html>
答案 0 :(得分:0)
使用Bootstrap。在您的网站中集成Bootstrap,只需在行和列类中划分您的html页面。这是让任何网站都移动友好的完美方式。
答案 1 :(得分:0)
我通过将表格更改为分隔格式来解决我的问题。我还为代码中的各个对象创建了一个列表。我进入CSS并更改它,以便显示器进入&#34; table&#34;这基本上使所有列。