Polymer Elements - 响应式 <body> 字体大小答案

【问题标题】：Polymer Elements - Responsive <body> font sizePolymer Elements - 响应式 <body> 字体大小
【发布时间】：2016-04-12 08:44:40
【问题描述】：

我想知道使用 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 或特定 div 的填充使用 iron-media-query 应用响应式字体大小，以便调整整体字体大小（所有 css 元素都定义为 x.em） ?

【问题讨论】：

标签： css polymer polymer-1.0 web-component

【解决方案1】：

iron-media-query 主要是为了允许将查询的结果绑定到一个元素，比如当屏幕尺寸低于某个阈值时折叠的抽屉面板。对于全局设置，只需使用普通 CSS。这样一来，Polymer 初始化时就可以下载字体和其他资源。

【讨论】：