語法
觸控操作touch-action
Setting how an element's region can be manipulated by a touchscreen user.
Overview
| Class | Declarations |
|---|---|
touch-action:value | touch-action: value;
|
touch-action:auto | touch-action: auto;
|
touch-action:none | touch-action: none;
|
touch-action:pan-x | touch-action: pan-x;
|
touch-action:pan-left | touch-action: pan-left;
|
touch-action:pan-right | touch-action: pan-right;
|
touch-action:pan-y | touch-action: pan-y;
|
touch-action:pan-up | touch-action: pan-up;
|
touch-action:pan-down | touch-action: pan-down;
|
touch-action:pinch-zoom | touch-action: pinch-zoom;
|
touch-action:manipulation | touch-action: manipulation;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="touch-action:auto:hover touch-action:auto@sm touch-action:auto@dark touch-action:auto@print">…</div>