博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用CSS让元素尺寸缩小时保持宽高比例一致
阅读量:6713 次
发布时间:2019-06-25

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

CSS中有一个属性padding对元素宽度存在依存关系。如果一个元素的 padding属性以百分比形式表示,padding 的大小是以该元素自身宽度为参照的。

若想要元素尺寸变化时,宽高比例不变,可以将height 设为0,padding 撑开盒子高度,达到宽高比例不变的效果。

代码如下:

demo    

 

转载于:https://www.cnblogs.com/momo798/p/9555506.html

你可能感兴趣的文章
windows常用命令整理
查看>>
网络安全与管理精讲视频笔记5-认证中心及证书原理
查看>>
使用andbug的monitor命令
查看>>
zabbix服务器设置邮箱报警
查看>>
文本三剑客之grep加vim编辑器
查看>>
细说mysql索引
查看>>
云栖专辑| 阿里毕玄:程序员的成长路线
查看>>
荣获“5G MEC优秀商用案例奖”,阿里云边缘计算发力新零售
查看>>
学习Linux系统的态度及技巧
查看>>
php-cgi进程占用cpu资源过大原因分析及解决
查看>>
CentOS/RedHat上安装man手册
查看>>
我的友情链接
查看>>
OpenFileDialog 方法的编辑
查看>>
MariaDB、MySQL数据库主从同步
查看>>
Hive常用命令及设置
查看>>
ubuntu下安装kvm
查看>>
log4j配置
查看>>
去掉Intel集成显卡的桌面右键菜单
查看>>
我的友情链接
查看>>
MediaPlayer播放网络视频
查看>>