如何使聚合物成分响应?

时间:2015-02-01 19:25:51

标签: responsive-design polymer

我刚刚开始使用聚合物,我正在测试使用聚合物组件制作一个演示网站,但我觉得难以使页面响应? 我应该使用CSS吗? 感谢

2 个答案:

答案 0 :(得分:2)

是的,你可以使用CSS。但是,由于Web组件的重用性和可能的​​不同位置,因此Web组件可能有点难以获得响应。

不幸的是,虽然CSS /媒体查询是一种解决方案,但它并不是完美的解决方案。为什么?因为相同的组件,取决于它的位置/容器,可能希望看起来/表现不同。例如,主内容部分(800PX宽)中的“投票”组件可以显示附加信息与右轨(200PX宽)中的相同组件,其中可以仅显示问题/答案。

我们作为Web开发人员真正需要的是“元素查询”,它允许组件根据其占用空间(而不是页面级布局)做出反应。有关此的文章和polyfills可能是您感兴趣的。一个可以在这里找到:

http://www.smashingmagazine.com/2013/06/25/media-queries-are-not-the-answer-element-query-polyfill/

答案 1 :(得分:-1)

IMO,您应该专注于Web而不是移动,因为Android 4.4之前的原生Android浏览器不支持Polymer,即使使用Polyfills也是如此!

无论如何,有一个核心抽屉面板,这是一个可以开始的响应式布局。

https://www.polymer-project.org/docs/elements/core-elements.html#core-drawer-panel