媒体查询与动态样式更新的结合使用？

Question

我在使用媒体查询时，希望能够在屏幕变化时动态更新页面样式。请问如何实现这一功能？我该如何确保样式能够实时响应屏幕变化？我在<div>中使用了@media规则来设置样式，但是希望在屏幕变化时能够自动更新样式。

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

鸿蒙有媒体查询的接口，可通过on('change')注册监听回调，通过句柄向对应的查询条件注册回调，当媒体属性发生变更时会触发该回调。
参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...