我的网站有一个页眉和一个页脚，在正文中有一个图像作为背景，只是供参考。当我把浏览器变小时，比如纵向(屏幕的高度和窄宽度)，整个网站都可以看到，但缩小后只覆盖了浏览器的上半部分，浏览器的下半部分有空白。有一个图像覆盖了网站的中心，我认为这是问题，所以我使用css的背景图像属性，但这并没有解决问题。有什么建议吗?
作为第一步，将此添加到页面的<head>部分:
<meta name="viewport" content="width=device-width, initial-scale=1">
它使你的网站响应。有很多关于响应性的书，所以我不会在这里用几句话来解释它，但是当你在网上搜索这个术语时，你会发现很多东西。