当浏览器缩小时，如何防止图像缩小？

Question

我有一个横幅图片，当网站在Chrome浏览器中放大100％时看起来很好。但是，如果缩小（例如缩小到60％），横幅会缩小并向左移动。有没有办法来防止这种情况？

这里是正在建设中的网站：http://dfars1.surge.sh/

如果没有办法，以避免照片缩小，有另一种解决方案，以保持外观？

Answer 1

即使设置了缩放级别，图像也应该正常缩放。你的问题在于在横幅（.dfars-banner）上声明了max-width: 2000px，这使得它在缩小某个点之后不会扩大。删除该规则，它应该工作。