聚合物元素 - 响应 <body> 字体大小

Polymer Elements - Responsive <body> font size

我想知道使用 Polymer Elements 的 iron-media-query 制作 Desktop/Mobile 页面响应的最佳方法是什么?当然,CSS 可以用

定义响应行为
@media only screen and (max-device-width : 768px)
body {font-size: 14px} ...
@media only screen and (min-device-width : 768px) ...
body {font-size: 18px} ...

但是,Polymer Elements 提供 iron-media-query

现在,什么更好?最重要的是:我如何为我的整个 body 或特定 div 的填充应用响应式字体大小和 iron-media-query,以便调整整体字体大小(所有 css 元素定义为 x.em)?

iron-media-query 主要是为了允许将查询结果绑定到一个元素,例如 paper-drawer-panel,当屏幕尺寸低于某个阈值时该元素会折叠。 对于全局设置,只需使用正常 CSS。 这样,在初始化 Polymer 时就可以下载字体和其他资源。