gpt4 book ai didi

css - 响应式背景图片(全高)

转载 作者:行者123 更新时间:2023-11-28 11:36:01 31 4
gpt4 key购买 nike

我想在网站中放置一个图像作为背景,我希望该图像具有响应性,但页脚始终位于底部,以便图像调整大小此外,我希望在宽度上被“切断”。我举三个例子。

示例 # 1:以 16:9 浏览网页

http://i.stack.imgur.com/f5xDd.jpg

示例 2:在智能手机上查看网页

http://i.stack.imgur.com/qdlPV.jpg

谁能帮帮我? (我使用谷歌翻译,所以请原谅任何奇怪的英语用法)

最佳答案

尝试使用:

background-size: cover;

background-size: contain;

关于css - 响应式背景图片(全高),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20923005/

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