У меня есть следующий HTML-код с <table>
, который также будет отображаться на мобильных устройствах и возникли проблемы.Если я вставлю много содержимого в эту таблицу на устройствах с небольшим разрешением (маленьким экраном), содержимое не будет отображаться полностью (приведет к сокращению нижнего колонтитула моего сайта).
Тогда как сделать так, чтобы отображаемый весь контент моего сайта отображался на основе приведенного ниже кода?
<html>
<body bgcolor="black">
<table width="100%" height="100%">
<tr>
<td align="center" valign="center">
<br />
<img width="100" height="100" src="myimage.png"> <br /><br />
<b><font color="white">My text...</font></b> <br />
<b><font color="white">My text...<p id="randomize"></p></font></b>
<b><font color="white">My text...<p id="lbpath"></p></font></b>
<br />
<img width="150" height="150" src="myimage2.gif"> <br />
<center>
<font color="yellow"><b>
<p id="label">My text...</p>
</b></font>
</center>
<b><font color="red">My text...</font></b><font color="white">My text...</font></td>
</tr>
</table>
</body>
</html>