html - 页面调整大小时有很多空白

Question

我正在制作需要在不同屏幕尺寸上显示的单页 HTML。我使代码适应 100% 的浏览器大小，但问题是，其中一个占据 80% 高度的 div 在较小的屏幕上会留下空白。

我想知道，div (.second) 中的内容如何适合空间，以便它可以很好地显示？

网址是http://emailblasting.epizy.com/index2.html

我可以在这里粘贴代码，但它会太长。

谢谢大家

Answer 1

使用简单的 div 而不是使用“表格”。将此类添加到您的横幅图片

.image{
  width:*in pix*
  height:100%;
  object-fit: contain;
  object-position: center;
 }

为了获得更好的 UI，请尝试使用 bootstrap https://www.w3schools.com/bootstrap/bootstrap_get_started.asp