Question

我正在使用沃达丰移动小工具平台开发手机小部件，我试图让它填满整个屏幕。使用高度和宽度到100％似乎没有按预期工作。谁知道该怎么办？

Answer 1

首先，尝试将height =“100％”和width =“100％”添加到您的body标签中（不仅仅是您的容器div）。

如果这不起作用，请尝试使用此css。

html{
width:100%;
height:100%;
}

如果不起作用，请提供有关不会填满整个屏幕的页面内容的更多信息。

Answer 2

好的，试试这个：

function resizeWidget() {
var availWidth = screen.availWidth;
var availHeight = screen.availHeight;
window.resizeTo(availWidth, availHeight);
}

查看此文档了解更多信息： http://widget.developer.vodafone.com/docs/Different-Resolutions-on-Mobile-Phones-v0.3.4.pdf

在执行小部件期间，手机的分辨率可能会发生变化。对于例如，较新的移动电话具有传感器以检测电话是否被保持水平或垂直。沃达丰应用管理器可识别此类更改和触发每次有变化时都会有一个决议事件。确保调整窗口小部件的大小每次分辨率更改时，您都可以为resolutionevent添加事件侦听器并使用resizeWidget（）函数作为事件处理程序：

widget.addEventListener('resolution', resizeWidget, false);

另外，你应该打电话给小部件时的resizeWidget-function 开始，因为用户可以启动景观模式中的小部件。作为运行时不会引发当你发生这种情况时的决议事件必须调用resizeWidget函数手动

Answer 3

试试这个：

   if (window.widget) {
      widget.addEventListener("widgetmodechange", function (e) {
        if (!(widget.widgetMode === "widget")) { // not on desktop
          window.resizeTo(screen.availWidth, screen.availHeight);
        }
      }, false);
    }

Baa实际上是正确的，除了你应该绑定监听器“widgetmodechange”。另外，请查看Baa指定的文档。这非常有帮助。

Answer 4

我建议你在config.xml中使用“太大”的宽度和高度，如下所示：

<width>2000</width>
<height>2000</height>

小部件运行时缩小了大小。为了使它完美，你仍然需要设置CSS

body, html{
    width:100%;
    height:100%;
}

使小部件正确缩放到完整的宽度和高度。我正在使用vf小部件很长时间，这是最好的。 NOte：这使得小部件在桌面上太大了，但移动和桌面小部件无论如何都很少见。

钨

如何告诉小部件最大化以填充整个可用空间？

4 个答案: