css - 如何仅调整响应图像的高度？

Question

让移动设备上的图片变长! 我有一个图像(网站的标题)，当我将窗口调整为移动格式时，它会调整图像的大小。但我希望图像(标题)的高度更长!

这可能吗？

height: auto;
max-width: 100%;

但这并不能使它缩放宽度和高度' 我需要更长的高度。

当我在移动设备上缩放时，网站的标题图片应该更长

Answer 1

也许是这样的？您可以设置一个自定义高度(即 300 像素)，该高度不会因任何窗口宽度而改变

<div class="image"></div>

在 CSS 中

.image { background:url('https://cdn.pixabay.com/photo/2018/01/25/14/12/nature-3106213_960_720.jpg') no-repeat center center; width:100%; height:300px; background-size:cover; }