跳到内容

The State of CSS 2021

[zh-Hans] general.back_to_intro

交互

使用者如何进行页面交互？

CSS 滚动捕捉

自定义数据
印象模糊
有听说过
用过
2019
47.9% 47.9% 40.5% 40.5% 11.7% 11.7%
2020
45.9% 45.9% 33.2% 33.2% 21.1% 21.1%
2021
35.5% 35.5% 34.6% 34.6% 30% 30%

overscroll-behavior

自定义数据
印象模糊
有听说过
用过
2019
58.2% 58.2% 22% 22% 20% 20%
2020
59.5% 59.5% 21% 21% 19.7% 19.7%
2021
53.2% 53.2% 23% 23% 23.9% 23.9%
We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: Container Queries

CSS container queries again! We got the chance to play with them in a browser. Thanks to Miriam Suzanne for moving this forward! I can't wait to use them without a flag.

We asked members of the CSS community to share their “pick of the year”

Ahmad Shadeed

Author of Debugging CSS, Writing at ishadeed.com

overflow-anchor

自定义数据
印象模糊
有听说过
用过
2019
78.1% 78.1% 14.7% 14.7%
2020
76.9% 76.9% 16.2% 16.2%
2021
76.6% 76.6% 15.8% 15.8%
💡

你可以使用每个图表右上角的控件在相对百分比和绝对数量之间切换， 以获得相同数据的不同视图。

touch-action

自定义数据
印象模糊
有听说过
用过
2020
62.4% 62.4% 21.6% 21.6% 16.2% 16.2%
2021
62.7% 62.7% 20.5% 20.5% 16.9% 16.9%

pointer-events

自定义数据
印象模糊
有听说过
用过
2020
20.3% 20.3% 12% 12% 67.9% 67.9%
2021
18.7% 18.7% 10.9% 10.9% 70.6% 70.6%

scroll-timeline

自定义数据
印象模糊
有听说过
用过
2021
83.7% 83.7% 14% 14%