html表格中的图像-设置屏幕的高度和宽度

我在一个html的起始页上工作，点击logo链接到网页和一些搜索栏。我用桌子放照片。到目前为止，这一切都很好，但即使在数小时的搜索和尝试了几十种不同的属性组合之后，我还是不知道如何进行正确的布局

截图，

我希望它如下所示：

• 顶部的横幅超过了整个宽度
• 带有50%宽度徽标的搜索栏
• 底部一行（5幅图像），每幅图像的宽度为20%

这将导致这样的布局：

 _____________________________
|_____________________________|
|______________|______________|
|______________|______________|
|_____|_____|_____|_____|_____|

到目前为止，这不是一个大问题，但是图像会根据徽标的比例得到不同的高度，并且一切都会变得一团糟。然后，表格高于100%，并出现一个滚动条。所以我想把每一行的高度限制为一个百分比，加起来总共是100%

当我调整浏览器窗口的大小时，它也会保持外观并调整图片大小，这样就不会出现滚动条。 不知何故，我永远无法同时实现所有这些，因为我可以设置高度或宽度，但不能同时设置两者。有谁能帮我正确设置所有高度/宽度/最小高度/最大高度/。。。。。属性？我将非常感激：）

这里我附上了当前版本。我只是将图片替换为虚拟图片，因为它们保存在本地：

硅钙石
html，正文{
身高：100%；
}
输入{
字号：20pt；
宽度：90%；
对齐：居中；
}
桌子{
宽度：100%
身高：100%
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
}
img{
对象匹配：包含
}

利用CSS最大高度、最大宽度将它们包含在表格行中。因此，如果在计算行高为50px后，可以在图像上指定一个类，或者仅将此表记录中的图像样式设置为最大高度<50px

有

您还可以严格指定本节中提到的单元格大小