gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 02:15:26 26 4
gpt4 key购买 nike

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

这可能吗?

height: auto;
max-width: 100%;

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

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

最佳答案

也许是这样的?您可以设置一个自定义高度(即 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; }

关于css - 如何仅调整响应图像的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48506411/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com