如何減少我在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拉克絲和刪除的一個「在那條線上固定寬度的火烈鳥之後。