非标
此特征是非标准的,且不在标准轨道中。不要在面向 Web 的生产站点中使用它:它不适用于每个用户。实现之间可能存在大的不兼容性,且行为将来可能改变。
-ms-content-zoom-snap-points
CSS
特性为
Microsoft extension
that specifies where zoom snap-points are located.
| 初始值 |
snapInterval(0%, 100%)
|
|---|---|
| 适用于 | non-replaced block-level elements and non-replaced inline-block elements |
| 继承 | no |
| 计算值 | 如指定 |
| 动画类型 | discrete |
snapInterval(
<percentage>
,
<percentage>
)
Specifies where the snap-points will be placed.
snapList(
<percentage>
# )
Specifies the position of individual snap-points as a comma-separated list of percentages, each of which represents a zoom factor.
-ms-content-zoom-limit-min
property, the value of
-ms-content-zoom-limit-min
被使用。
-ms-content-zoom-limit-max
property, the value of
-ms-content-zoom-limit-max
被使用。
snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )
This example demonstrates both types of values for the
-ms-content-zoom-snap-points
property. In the first selector, the first snap-point is at 0%, and the interval is set to 100%. In the second selector, each snap-point is listed separately—100%, 200%, 300%, and so on.
.snappy1 {
-ms-content-zoom-snap-points: snapInterval(0%, 100%);
...
}
.snappy2 {
-ms-content-zoom-snap-points: snapList(100%, 200%, 300%, 400%, 500%);
...
}
Not part of any specification.
This property has no effect on non-zoomable elements. See
-ms-content-zooming
for details on zoomable elements.
When a user pans or scrolls and then lifts his or her contact (for instance, a finger), the content can continue to move with inertia. Snap-points can change the animation that runs when the user lifts his or her finger so that you can adjust where the content will stop. By placing snap-points, you can make it easy for your users to manipulate your content and make it stop at convenient or key places.
Starting with Windows 8.1, this property is also supported for touchpad interaction.
This property requires Windows 8 or later.