圖片總是需要指定寬度和高度

Question

當我在網頁上添加圖片時，如果僅添加寬度或者高度將在所有瀏覽器中正常工作，或圖片總是有寬度和高度？

雖然它看起來不錯，但當我檢查一些瀏覽器時，我只是想確認一下。

謝謝！

Answer 1

我通常會建議爲每個圖像分配一個標準寬度和高度。我的建議是爲圖像創建CSS類或標識符，並在CSS中指定寬度和高度，而不是HTML。儘管在HTML中爲單次使用圖像分配寬度和高度是完全可以接受的，但在CSS中分配這些值往往會提高網站的可維護性。

.my_image { 
    width: 100px; 
    height: 100px; 
} 

<img src="test.jpg" class="my_image" /> 

或

#my_image { 
    width: 100px; 
    height: 100px; 
} 

<img src="test.jpg" id="my_image" /> 

注意，儘管分配特定的寬度和高度是不嚴格必須的，它減少該圖像將與不同尺寸的圖像在以後的替換的可能性時間，打破布局。

大多數現代瀏覽器將基本寬度和高度屬性解釋相同。

Answer 2

的img元件的width和height屬性號任何DOCTYPE下是不需要的。