聚合物元素 - 响应 <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 时就可以下载字体和其他资源。
我想知道使用 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 时就可以下载字体和其他资源。