聚合物内容在平板电脑上显示为桌面

时间:2016-06-01 15:36:07

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

我想知道是否有人有任何媒体查询建议可以解决我的问题?我正在尝试使用ace Polymer Project的入门套件(我是Polymer的新手),并且发现当在Lenovo Yoga Tab 3,10.1上显示内容时,app-theme.html中的平板电脑媒体查询无法正常工作

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

screenshot

我可以通过使用'force narrow'来确保抽屉在所有设备上折叠,但这仍然无法解决平板电脑屏幕被视为桌面的问题,这意味着它无法利用Chrome中的“元主题”工具(其中网址栏采用了网络应用的颜色)。

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

1 个答案:

答案 0 :(得分:0)

Finally sorted... I think :) After some intensive digging around I found this immensely handy info on GitHub.

Acting upon it, in the Starter Kit's index.html I changed:-

a = $("#datawood").data('income');
b = a + 0.25;
$("#datawood").data('income', b);

to:-

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

All seems to work just fine, now :)