Как сделать полимерные компоненты чувствительными?

Question

Im только начал использовать полимер, и я тестировал, чтобы сделать демонстрационный сайт с использованием полимерных компонентов, но я чувствовал затруднение при реагировании страниц? Должен ли я использовать css?

Answer 1

IMO, вы должны сосредоточиться на Web вместо Mobile, потому что родные браузеры Android до Android 4.4 не поддерживают Polymer, даже с Polyfills!

Во всяком случае, есть панель ящика с ящиком, с которой вы можете начать работать.

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

Answer 2

Да, вы можете использовать CSS. Тем не менее, веб-компоненты могут быть немного сложными, чтобы получить отзывчивость из-за их характера повторного использования и, возможно, разных местоположений.

К сожалению, в то время как CSS/медиа-запросы являются одним из решений, это не идеальное решение. Зачем? Поскольку один и тот же компонент, в зависимости от его местоположения/контейнера, может желать выглядеть/вести себя по-разному. Например, компонент «голосования» в разделе первичного контента (шириной 800PX) может отображать дополнительную информацию по сравнению с тем же компонентом в правой направляющей (шириной 200PX), где могут отображаться только вопросы/ответы.

Что нам, как веб-разработчикам действительно нужны, являются «элементарные запросы», которые позволяют компонентам реагировать на их занимаемое пространство (а не на макет страницы). В отношении этого есть статьи и полисы, которые могут вас заинтересовать. Можно найти здесь:

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