文章标签

媒体查询级别 4 交互媒体特性（pointer、hover、any-pointer 和 any-hover）旨在允许网站根据用户输入设备的特定特性实现不同的样式和功能（无论是 CSS 特定的交互性，如 :hover，还是使用 window.matchMedia 查询时的 JavaScript 行为）。

CSS 中的 touch-action 属性使您可以控制触摸屏与元素交互的效果，类似于更广泛使用的 pointer-events 属性用于控制鼠标交互。

#element {
  touch-action: pan-right pinch-zoom;
}

touch-action 属性很有用……

假设您有一个世界地图，并且希望能够在光标悬停在其上或点击它时突出显示国家/地区（或州、县等）。

可以做到！

首先，地图可能应该……