修改频率 | @media.update-frequency
该update
CSS @media
媒体功能可基于输出设备是如何频繁地(如果有的话)能够修改内容的外观样式,来调整样式。
语法
该update
功能被指定为从下面的列表中选择的单个关键字值。
none
一旦它被渲染,布局不能再被更新。例如:打印在纸上的文件。
例子
HTML
<p>If this text animates for you, you are using a fast-updating device.</p>
CSS
@keyframes jiggle {
from {
transform: translateY(0
}
to {
transform: translateY(25px
}
}
@media (update: fast) {
p {
animation: 1s jiggle linear alternate infinite;
}
}
结果
规格
Specification | Status | Comment |
---|---|---|
Media Queries Level 4The definition of 'update' in that specification. | Working Draft | Initial definition. |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | ? | ? | ? | ? | ? |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | ? | ? | ? | ? | ? |