
·816 字·3 分钟阅读·
#前端#css
CSS 实现 16:9 宽高比容器:padding 技巧与 aspect-ratio
视频封面、卡片缩略图、响应式布局里经常需要「宽度随父级变化、高度始终按 16:9 等比缩放」。本文对比 padding 百分比技巧与现代 aspect-ratio 两种方案的原理与写法。
共 3 篇文章

视频封面、卡片缩略图、响应式布局里经常需要「宽度随父级变化、高度始终按 16:9 等比缩放」。本文对比 padding 百分比技巧与现代 aspect-ratio 两种方案的原理与写法。
基于实际项目经验梳理 uni-app 的跨平台差异处理策略:编译期裁剪代码,运行时只做设备级细分判断。
分享一些实用的 TypeScript 高级类型技巧,帮助你写出更健壮的类型定义。