修改频率 | @media.update-frequency
@media.update-frequency
该update CSS @media媒体功能可基于输出设备是如何频繁地（如果有的话）能够修改内容的外观样式，来调整样式。
语法
该update功能被指定为从下面的列表中选择的单个关键字值。
none一旦它被渲染，布局不能再被更新。例如：打印在纸上的文件。
slow布局可以根据CSS的通常规则动态地改变，但是输出设备不能足够快地呈现或显示改变，以使其被视为平滑的动画。例如：电子书阅读器或严重动力不足的设备。
fast布局可能会根据通常的CSS规则动态地改变，输出设备的速度也不是特别严格，所以可以使用CSS动画等定期更新的东西。例如：电脑屏幕。
例子
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 | ? | ? | ? | ? | ? |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
