博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
div背景图 等比缩放
阅读量:5983 次
发布时间:2019-06-20

本文共 234 字,大约阅读时间需要 1 分钟。

hot3.png

写在前面

活动页背景使用div作为切图的容器(比img更加方便进行调整以及变化)

遇到了一个问题,等比缩放。

 

解决方法

利用padding-bottom

因为我们就是单纯的做背景,就可以利用padding百分比相对于与宽的性质

 

 

161253_SbjY_2367690.png

高度改成用padding-bottom的

高宽比例就是width:padding-bottom

 

使用scale会脱离文档,有穿透性的层叠问题

 

转载于:https://my.oschina.net/u/2367690/blog/1801662

你可能感兴趣的文章
PHP钩子机制
查看>>
学习cocos 空程序
查看>>
Python re常用方法
查看>>
[转]Shared——探究react-native通信机制
查看>>
Javascript:splice() 方法浅析
查看>>
程序中所不需要访问到的功能,别忘了从WMAppManifest.xml文件中的<Capabilities>的小节将它们去掉。...
查看>>
时间的转化 js
查看>>
TAFFY Working with data
查看>>
leetcode69
查看>>
大话设计模式之命令模式
查看>>
利用iTextSharp提取PDF文件中的文本内容
查看>>
linux环境安装swoole
查看>>
MySQL innodb_flush_method
查看>>
爬虫综合大作业
查看>>
一次測試即學習的案例
查看>>
大数据小白系列——HDFS(3)
查看>>
厘米到像素的转换公式
查看>>
Matlab: 白噪声与曲线拟合
查看>>
微信开发-接收消息和事件
查看>>
【PHP设计模式 01_DuoTai.php】多态的说明
查看>>