图片总是需要指定宽度和高度

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下是不需要的。