css中如何做到容器按比例缩放
2024-03-24 22:12:40
需求：
一般在响应式中，我们会要求视频的宽高比为16：9或4：3，这么一来就比较头大了。当用户改变浏览器宽度的时候（改变高度不考虑），视频的宽度变了，那么高度也得根据我们要求的16：9或4：3改变。
.wrap{
height: 0;
padding-bottom: 56.25%; /* 16:9 */
position: relative;
width: 100%;
}
.wrap .video{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
参考：
css中如何做到容器按比例缩放
最新文章
- 解决IE8 内置JSON.stringify,中文变unicode的问题
- 从本地向 Github 上传项目步骤攻略（快速上手版）
- [HTML]js动态修改表格里面的内容
- 解决win7资源监视器不能开启
- R三星463无线网卡驱动，声音驱动程序，FN快捷键驱动，Easy_Display_Manager
- SequoiaDB x Spark 新主流架构引领企业级应用
- 【NOIP模拟】cut
- IntelliJ IDEA插件——冷门神器分享
- Vim8.0在Debian下，normal模式的O命令出现延时
- bzoj1997 Planar
- P5302 [GXOI/GZOI2019]特技飞行
- java笔记 -- 数组
- Cmake时 如何在windows命令行 选择vs版本
- 一、hadoop部署
- 【Java线程安全】 — ThreadLocal
- CentOS7中安装redis5.0
- 树莓派（Raspbian系统）中使用pyinstaller封装Python代码为可执行程序
- Oracle---常用SQL语法和数据对象
- HDU 6170 dp
- 一文读懂加固apk的开发者是怎么想的