css - 响应图像但保持宽度和高度

标签 css

<分区>

基本上,我想让我的横幅响应。因此,只需更改窗口大小,图像不会调整大小,但它不允许您滚动。

调整大小之前:

enter image description here

调整大小后:

enter image description here

这是我不想在调整窗口大小时发生的事情:

enter image description here

最佳答案

将横幅图像设置为背景并为其提供以下 CSS:

background-size: cover;

来源:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Scaling_background_images

关于css - 响应图像但保持宽度和高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33067480/

上一篇:html - 从文本居中的标签创建按钮

下一篇:html - 在 flexbox 中将图像缩放到最大尺寸

相关文章:

html - 如何使 flexbox 元素等高和/或从同一点开始

javascript - 在 JavaScript 运行之前重绘 CSS(以显示进度指示器)

html - 屏幕上的过渡元素

css - 框何时建立内联格式化上下文?

html - 表格图片对齐问题

html - CSS 中刷新的 IMG block 行

javascript - 如何在页面底部有 2 个固定页脚

php - div 里面 &lt;!-- :ar--> qtranslate tag

css - 悬停时隐藏绝对定位的div

html - Chrome 中的 CSS 列数溢出问题