技术栈

【css-banner图片自适应】

聚宝盆_2023-10-07 16:16
html 复制代码
<picture>
            <source media="(max-width: 480px)" srcset="图片地址">
            <source media="(min-width: 481px)" srcset="图片地址">
            <img src="图片地址" id="homebanner">
        </picture>
css 复制代码
img{
    height: 290px;
    width: 100%;
}
// 小于992px
@media (max-width: 992px) { 
    img{
        width: 100%;
        height: 180px;
    }
}
上一篇:Vue Router学习(四)—— 嵌套路由
下一篇:android native C++编程实现数据库加密sqlcipher
相关推荐
修己xj
1 小时前
我用 AI 给自己写了一个 Markdown 编辑器,然后把它开源了
前端
FRing03
1 小时前
vue2干货总结2(v-bind、v-for、v-model、指令修饰符、v-bind操作class和style)
开发语言·前端·vue.js·vue2
幸运小猿
2 小时前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
moshuying
3 小时前
网购能买Token了!
前端
h_6543210
3 小时前
echarts实现柱状图加一条横线
前端·echarts
风骏时光牛马
4 小时前
生成一个后端标题,只需要一个标题,不需要其他的任何文本。
前端
子非鱼@Itfuture
4 小时前
关于前后端联调中登录状态/登录信息失效?
java·前端
郭小李
4 小时前
openFeign入门
java·开发语言·前端
馒头不想说话
4 小时前
AI当运营,帮你省人力
前端
梦曦i
4 小时前
uni-app x下自研架构的工程化突围
前端·架构·uni-app x
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02历年考研数学一、数学二、数学三真题试卷及答案PDF03GitHub 镜像站点04几个好用的ip纯净度检测网站05苹果iPA游戏软件资源下载网站06如何新建文件夹? 电脑新建文件夹的4种方法07蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接08昇腾910B系列芯片完全指南:四款型号对比、服务器选型与大模型部署实战09Dify:一站式AI应用开发平台全解析与Windows部署指南10Android 屏幕适配系列开篇:核心概念、官方机制与主流方案