如何减少我在id标记中的图像宽度？

Question

使用id标签为滑块，我不能减少宽度和高度或不能使它响应html身体标签大小。 Here is the screenshot of my code

Answer 1

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

id="fixed-width-flamingo" 

所以他们读：

class="fixed-width-flamingo" 

我假设你使用一个内部（在html的<头>）或外部（在。 css文件），所以你还需要更改CSS：

#fixed-width-flamingo 

变化：

.fixed-width-flamingo 

典型的外部.css文件是首选，因为随后改变到单一的.css文件会影响所有的网页，你包括在.css文件中 <头>

所以才走了过来因素之一可能会关心设置。你的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; 
} 

我建议使用最大宽度和最大高度，而不是仅仅的宽度和高度，因为那样的话你的图片可以根据需要收缩，例如在手机或平板电脑上。

你也有我相信这是为什么你得到突出显示在文本编辑器中一个错字，你需要在你的最后img标签中添加“UT后，AC拉克丝和删除的一个“在那条线上固定宽度的火烈鸟之后。