前段开发遇到的新属性与新方法

解决移动端字体与图片尺寸自动缩放的问题：initial-scale=1.0

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />

绝对定位到页面中心：top、left的值与转换配合使用。

元素定位，在父盒子内，会被视口拉动，但不会超出父盒子：position：sticky；

使元素强制在同行显示：white-space: nowrap;

给元素后面的东西做虚化：backdrop-filter: blur(1px);

阻止事件冒泡：e.nativeEvent.stopImmediatePropagation();

元素的顶（底）部与视口上方的距离：ref.current.getBoundingClientRect().top/bottom；