2021年你可能不知道的 CSS 特性（下篇）

文/ 阿里淘系 F(x) Team – 大貘

上篇地址：2021年你可能不知道的 CSS 特性（上篇）

前几天在 F(x) Team.午夜识堂 和大家聊了一下 CSS 方面的话题，即 CSS 新特性。
​

在这个话题中主要整理了有关于 CSS 方面的特性，并且尽可能的整理了一些大家现在能用或过不了多久就能用的属性。另外，虽然标题是“新特性”，但其中有蛮多特性并不是“新”，可能已经出现在你的项目中，或者你已经看过，只是不了解而以。接下来，就和大家一起来简单地回顾一下这些性，希望大家能喜欢，也希望对大家平时工作有所帮助。

录制视频可查看 淘系前端-F-x-Team 微博视频（需要微博登录）

CSS 等比缩放

CSS 等比缩放一般指的是 “容器高度按比例根据宽度改变”，很多时候也称为宽高比或纵宽比。
众所周知，我们开发 Web 页面要面对的终端更复杂的了，而这些终端的宽高比都不一样。常见的比例有：
​