高度百分比变为图像的高度而不是屏幕

Question

我正在使用Chrome，而且我正在尝试制作选择菜单。

（请不要判断我使用我不想学习CSS的表格）

http://jsfiddle.net/scottbeebiwan/FZB7C/44/

<table width="100%" height="100%" border="0">

  <tr>

    <td colspan="2">
      <center>
        <a href="signup.htm">Sign up<br /><img src="http://placehold.it/243x267" height="50%"></a>
      </center>
    </td>

  </tr>

  <tr>

    <td>
      <center>
        <a href="download.htm">Download<br /><img src="http://placehold.it/243x267" width="50%"></a>
      </center>
    </td>

    <td>
      <center>
        <a href="upload.php">Upload<br /><img src="http://placehold.it/243x267" width="50%"></a>
      </center>
    </td>

  </tr>

</table>

如果缩小（或更改窗口分辨率），Sign Up图像会变小，而其余图像的大小保持不变。

Answer 1

对于注册元素，您将高度设置为50％，而对于其他两个，您将设置宽度。您可能想要设置所有3个元素的高度。