如何在id标签中减少图像宽度？

Question

使用滑动条的id标签，我无法减小宽度和高度，或者无法使其在html body标签大小中响应。 Here is the screenshot of my code

Answer 1

id应该是页面上单个元素的唯一标识符。所以你需要改变：

id="fixed-width-flamingo"

所以他们读到：

class="fixed-width-flamingo"

我假设您使用的是内部（在.html＆lt; head＆gt;中）或外部（在.css文件中），因此您还需要更改css：

#fixed-width-flamingo

更改为：

.fixed-width-flamingo

通常，首选外部.css文件，因为对该单个.css文件的更改会影响您在.css文件中包含该.css文件的所有页面。 ＆LT;头＆gt;

所以只需要仔细检查可能需要设置的属性。你的HTML应该是这样的：

<a href="#"><img src="images/foo.jpg" title="bar" class="fixed-width-flamingo" /></a>

那么你的css应该是这样的：

.fixed-width-flamingo {
    max-width: 400px;
    max-height: 300px;
}

我建议使用max-width和max-height而不仅仅是宽度和高度，因为这样您的图片可以根据需要缩小，例如在手机或平板电脑上。

另外你有一个拼写错误，我相信你在文本编辑器中获得了这个亮点，你需要在你的上一个img标签中添加一个“之后的lacus lacus，并在固定宽度之后删除其中一个”火烈鸟也在那条线上。