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

Question

我想知道使用Polymer Elements iron-media-query响应桌面/移动页面的最佳方法是什么？当然，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应用响应式字体大小或使用iron-media-query应用特定div的填充，以便调整整体字体大小（所有css元素都定义为x。{{ 1}}）？

Answer 1

铁媒体查询主要是允许将查询结果绑定到纸张抽屉面板等元素，当屏幕尺寸低于某个阈值时，该元素会崩溃。 对于全局设置，只需使用普通的CSS。 这样，在初始化Polymer时，已经可以下载字体和其他资源。