Как сделать содержимое HTML-таблицы совместимым с любым разрешением экрана? - PullRequest
0 голосов
/ 24 сентября 2018

У меня есть следующий 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>

1 Ответ

0 голосов
/ 24 сентября 2018

Обязательно ли устанавливать высоту для стола?

<table width="100%">

должно работать нормально

...