社区
CSS
帖子详情
背景图片自适应技术(等比例缩放大小)
wuxia2118
2020-04-29 11:50:26
在制作响应式网页时,通栏banner经常希望宽和高能等比例缩放就好,比如在1920宽度下 ,背景图片的大小是 1900*275,在1366宽度下,,背景图片的大小是 1346*202,可即使使用background-size,也只能让宽度自动缩放,高度仍然是固定的。有没有办法让背景图片自动缩放啊
...全文
892
2
打赏
收藏
背景图片自适应技术(等比例缩放大小)
在制作响应式网页时,通栏banner经常希望宽和高能等比例缩放就好,比如在1920宽度下 ,背景图片的大小是 1900*275,在1366宽度下,,背景图片的大小是 1346*202,可即使使用background-size,也只能让宽度自动缩放,高度仍然是固定的。有没有办法让背景图片自动缩放啊
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
wildcata
2020-05-19
打赏
举报
回复
background-size:100%;也可以的。
天际的海浪
2020-04-29
打赏
举报
回复
background-size设置为 contain
【大屏可视化模板】vue-dataV-echarts-elementul大屏数据可视化方案,屏幕适配方案等
比例
缩放
用了vue - echarts - datav-elementul大屏数据可视化方案,包含屏幕适配方案等
比例
缩放
, 等
比例
缩放
的屏幕适配方法。可以让你不需要大量使用百分比或者转换之类的方法去写屏幕
自适应
大小
,而是可以用部分px直接写css定死,通过屏幕
大小
改变对应等
比例
缩放
,达到屏幕适配效果 为了让大家直观的看到所有的代码,所以结构方法等就不分各个组件引入了,会很麻烦要找哪是哪,我直接把所有的图都写在了一个vue组件内。并配上注释,相信大家可以很容易找到哪里对应哪里区域
让网页背景
自适应
的jquery插件ez-bg-resize用法演示
摘要:脚本资源,jQuery,背景
自适应
jquery插件ez-bg-resize,可以让网页
背景图片
自适应
浏览器的
大小
,全屏显示背景效果,jquery z-bg-resize插件让你实现超炫的网页效果,你可选择一张像素比较在的图片作为背景,使用本插件后,当你拖动改变浏览器网页
大小
的时候,可看到
背景图片
的
大小
也会随之改变,但并不是一定按照
比例
的
缩放
,您看过以后就会明白了。
CSS
背景图片
自适应
大小
在CSS中,如果你想让
背景图片
自适应
元素的
大小
,你可以使用。应该被替换为你想要应用
背景图片
的元素的选择器。应该被替换为你的图片文件的路径。
android如何设置
自适应
大小
的
背景图片
,Android
背景图片
自适应
方案
在做移动中间件的过程中,遇到了
背景图片
自适应
的问题,比如一个Button的
背景图片
,如何让一张图片能够在不同高宽的场景下做到不失真。在做移动中间件的过程中,遇到了
背景图片
自适应
的问题,比如一个Button的
背景图片
,如何让一张图片能够在不同高宽的场景下做到不失真。方案一: 刚开始想到的一个方案是用android的 nine-patch (又称“九妹”),*.9.png的图片是标准的png格式的图片...
MFC对话框控件和
背景图片
自适应
窗口最大化和拉伸
缩放
的实现
MFC对话框控件和
背景图片
自适应
窗口最大化和拉伸
缩放
的实现
CSS
61,111
社区成员
60,736
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章