我有一个导航栏和页脚，而不是我从Bootstrap网站上获取和定制的。我现在想要有一个背景想象，但我不确定如何做到这一点。我知道如果我想要一个想象，我可以把它放在导航栏和页脚之间的div中，并设置height:100%; width:auto;的游戏，以便它通过浏览器调整大小（虽然这不能完美地工作没有一些修改）但我不知道怎么做如果我有body { background-image: url('...'); }我现在有一个大分辨率的图片，而在1080屏幕上它不会缩小，它只显示原始想象的1080px。我可以使用Bootstrap或CSS技巧中的任何内容吗？对于一些人来说这可能是微不足道的，但我是新手，只是完成了Codecademy课程，这些课程将我介绍给Bootstrap，现在我自己尝试了一些东西。
所以回顾一下我想要一张16：9的大画面比例，如果浏览器缩小，我希望高度保持不变并开始＆＃34;切断＆＃34;图像的左/右侧，使图像的中心仍然在浏览器的中心。同样反之亦然。 height:100%; width:auto;不起作用，因为如果比例错误，它会拉伸图像。
如果从屏幕阅读器访问该网站，我也希望有一个不同的图片，但这是另一天的项目。如果我需要澄清任何事情，请告诉我，并提前致谢
答案 0 :(得分：0)
以这种方式使用CSS来使背景响应。
body {
background-image: url("myimage.jpg");
background-size: cover;
}
然后，当页面变得“太窄”时，使用媒体查询将背景大小属性切换为实际宽度和高度，以您的方式工作。