技术栈

【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
相关推荐
瘦的可以下饭了
1 分钟前
3 链表 二叉树
前端·javascript
我那工具都齐_明早我过来上班
6 分钟前
WebODM生成3DTiles模型在Cesium地图上会垂直显示问题解决(y-up-to-z-up)
前端·gis
粉末的沉淀
12 分钟前
jeecgboot:electron桌面应用打包
前端·javascript·electron
1024肥宅
16 分钟前
浏览器相关 API:DOM 操作全解析
前端·浏览器·dom
烟西
18 分钟前
手撕React18源码系列 - Event-Loop模型
前端·javascript·react.js
空镜
19 分钟前
通用组件使用文档
前端·javascript
前端小张同学
21 分钟前
餐饮小程序需要你们
java·前端·后端
码农胖大海
27 分钟前
微前端架构(一):基础入门
前端
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03Linux下V2Ray安装配置指南04【AutoGLM部署】本地私有化部署AI手机Agent05Open-AutoGLM Windows 安装部署教程06Cursor 又偷偷更新,这个功能太实用:Visual Editor for Cursor Browser07【超详细教程】手把手教你从微软官网免费下载Windows 10官方原版ISO镜像(2025最新版)08在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)09安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)10BongoCat - 跨平台键盘猫动画工具