使用css在表格中的图片大小答案

【问题标题】：Size of pictures in a table using css使用css在表格中的图片大小
【发布时间】：2018-08-29 20:47:44
【问题描述】：

这是我的第一个问题和第一个网站，完全是初学者，所以我希望我做对了 :) 我用图片做了一张桌子。我为每个添加了高度和宽度，如下所示：

    <td>
    <img src="numbers.jpg" title="Numbers" width="300" height="300">
    </td>

它有效，但后来我尝试删除尺寸并改用我的外部 CSS 文件。所以我把它改成：

    <td>
    <img class="topics" src="numbers.jpg" title="Numbers">
    </td>

然后在css文件中添加：

    .topics {width: 300px;
            height: 300px;}

它不起作用，图片现在以图片文件本身的原始大小显示。我还尝试将类添加到“td”部分而不是“img”部分，那个也不起作用。

我做错了什么？

在能够做到这一点之后，我希望你的回答，我想要另一个将图片调整为移动版本的提示。我尝试使用百分比 (%)，但它不起作用。所以任何对此的见解都会很棒:)

【问题讨论】：

【解决方案1】：

您忘记在样式中指定 px 以指定其 300 像素

.topics {
  width: 300px;
  height: 300px;
}

【讨论】：

【解决方案2】：

.topics {
  height:300px;
  width:300px;
  }

<head>
<link href="style.css" type="text/css" rel="stylesheet">
</head>


<td>
    <img class="topics" src="numbers.jpg" title="Numbers">
 </td>

谢谢！我刚刚注意到我确实忘记了 px。可悲的是，它仍然不起作用。我知道样式表的链接没问题，因为它适用于其他元素，比如标题。我想弄清楚我在这里还缺少什么...

【讨论】：