我应该在HTML中为我的IMG指定高度和宽度属性吗？
如果我知道要通过图像标签显示的图像的高度和宽度，我应该包括height和width属性，还是仅将信息放入CSS中？或两者？
例如
<img src="profilepic.jpg" height="64" width="64" />
要么
<img src="profilepic.jpg" height="64" width="64" style="height: 64px; width: 64px;" />
要么
<img src="profilepic.jpg" style="height: 64px; width: 64px;" />
问题答案：
根据Google Page Speed，您应始终在image标签中定义宽度和高度。但是，要验证您不能使用样式标签。
另外，您应始终指定与实际图像相同的高度和宽度，以使浏览器不必像调整大小一样对其进行任何修改。
我建议这样做
<img src="..." height="20" width="50">
编辑： 有人在评论中建议不添加任何属性会更快。根据Google的说法（并非所有浏览器知识的终结）
如果在包含文档中未指定尺寸，或者指定的尺寸与实际图像的尺寸不匹配，则下载图像后，浏览器将需要重排并重新绘制。为防止重排，请在HTML标签或CSS中指定所有图像的宽度和高度。-
鉴于此，您可以在CSS中进行img标注，但要进行验证，必须在CSS文件中进行，而不是内联。
顺便说一句，Google Page Speed是一系列旨在更快地呈现页面的技巧。
-
问题内容： 如果我知道要通过图像标签显示的图像的高度和宽度，我应该包括height和width属性，还是仅将信息放入CSS中？或两者？ 例如 要么 要么 问题答案： 根据Google Page Speed，您应始终在image标签中定义宽度和高度。但是，要验证您不能使用样式标签。 另外，您应始终指定与实际图像相同的高度和宽度，以使浏览器不必像调整大小一样对其进行任何修改。 我建议这样做 编辑： 有
-
http://exfluor.com/productsMain.html 我似乎无法让可点击链接区域的边界保持在
-
问题内容： 我有一个表，我想定义和属性。请参见下面的示例。 我现在的问题是浏览器无法使用它。如果我在它上定义它，将被忽略，如果我在一个元素内的一个元素中定义它，则内容具有正确的最小和最大宽度，但表的大小仍然相同。（所以有很多可用空间：/） 我该如何解决？ 编辑：我只是注意到问题似乎仅在表处于全屏模式时才会发生。但是，元素的最大宽度不应大于！ 例： 问题答案： 对于表单元格，应使用’width’属性
-
（在stackoverflow上已经提出了类似的问题，但这个问题有更多的限制，例如特定的最大宽度、最大高度、所需的特定高度和宽度，并且没有布局偏移。） 我想要一个具有以下约束的响应图像： 最大宽度：100%，这样它就不会溢出到右侧，并且在减小屏幕宽度时会有响应 如何使用CSS实现这一点？ （如果CSS无法实现这一点，那么可能是在JavaScript中？） 我尝试了几个CSS功能，例如对象适合度和最
-
主要内容：1. width,2. height,3. max-width 和 max-height,4. min-width 和 min-heightCSS 尺寸属性指的就是元素的宽度和高度属性，虽然说非常简单，但却是必须掌握的技能。CSS 中提供了 width、height、max-width、min-width、max-height 和 min-height 等几个属性来设置元素的宽度和高度，这些元素使用起来非常简单，下面我们就来简单介绍一下。 1. width 通过 width 属性可以设
-
问题内容： 使用CSS媒体查询，您可以用于定位设备宽度（例如iPhone或Android设备）和/或定位页面宽度的。 如果使用，则在更改桌面上浏览器窗口的大小时，CSS不会更改，因为您的桌面不会更改大小。 如果使用，则在更改桌面上浏览器窗口的大小时，可能会显示面向移动的样式，例如触摸友好的元素和菜单等。 现在已不再针对特定的浏览器（和设备？）定位，并且您应该对目标对象有所了解。那也适用于媒体查询吗