可以在此处找到有关该主题的热门讨论:图像标签和CSS的Width属性
把它们加起来:
声明宽度值和高度值(可能不是图像的原始物理尺寸)或css声明(例如width:[valueX]; height:[valueY];)的好处在于,它有助于加快页面的呈现。浏览器知道分配页面的特定区域有多少空间:它甚至会在第一个绘图(页面的第一个解析和渲染)上绘制图像占位符。如果未定义任何宽度和高度,则浏览器必须下载图像,然后找出其尺寸,空间来分配,然后重新绘制页面。
我认为这似乎是最有益的效果。
img元素上的HTML width / height属性和CSS width / height属性之间有什么区别?
可以在此处找到有关该主题的热门讨论:图像标签和CSS的Width属性
把它们加起来:
声明宽度值和高度值(可能不是图像的原始物理尺寸)或css声明(例如width:[valueX]; height:[valueY];)的好处在于,它有助于加快页面的呈现。浏览器知道分配页面的特定区域有多少空间:它甚至会在第一个绘图(页面的第一个解析和渲染)上绘制图像占位符。如果未定义任何宽度和高度,则浏览器必须下载图像,然后找出其尺寸,空间来分配,然后重新绘制页面。
我认为这似乎是最有益的效果。