【问题标题】:Polymer content displaying as desktop on tablet聚合物内容在平板电脑上显示为桌面
【发布时间】:2026-01-12 18:10:02
【问题描述】:

我想知道是否有人有任何媒体查询建议可以解决我的问题?我正在试用 ace Polymer Project 的 Starter Kit(我对 Polymer 很陌生),发现 app-theme.html 中的平板媒体查询在 Lenovo Yoga Tab 3, 10.1 上显示内容时不起作用.

而不是显示必要的移动布局和设备样式,而是显示桌面版本(很糟糕,如您所见)。

screenshot

我可以进入并使用“强制缩小”确保抽屉在所有设备上都折叠起来,但这仍然不能解决平板电脑屏幕被视为桌面的问题,这意味着它无法利用Chrome 中的“元主题”工具(其中 url 栏采用 Web 应用程序的颜色)。

Apols 对于这样一个基本(没有双关语)的问题,但我真的很感激被指出正确的方向。嘿嘿嘿! :)

【问题讨论】:

  • 当你访问像elements.polymer-project.org/browse?package=app-elements这样的其他聚合物网站时会发生这种情况吗?
  • 感谢 Manolo 的回复...我想我已经设法解决了这个问题 :)
  • 该死的,我不得不删除我发布的“解决方案”,因为我刚刚发现它毕竟不能解决问题:(仍在搜索...

标签: polymer media-queries polymer-1.0 tablet polymer-starter-kit


【解决方案1】:

终于排序了...我想 :) 经过一番深入挖掘后,我在 GitHub 上发现了 this 非常方便的信息。

根据它,在 Starter Kit 的 index.html 中我更改了:-

<paper-drawer-panel id="paperDrawerPanel" responsive-width="840px">

到:-

<paper-drawer-panel id="paperDrawerPanel" responsive-width="1280px">

现在一切似乎都很好:)

【讨论】: