【问题标题】:Issue styling GWT root panel with CSS使用 CSS 设置 GWT 根面板的样式
【发布时间】:2014-07-07 21:26:11
【问题描述】:

我为我的基本根面板声明了以下 CSS 类。

#rootPanel
{
width: 100%;
height: 100%;
background-image:url("../images/green013.jpg");
}

我的小部件都使用 %ages 定位,因此无论屏幕宽度如何,它们都会出现在视图面板的中心。问题出在我的背景图片上。如果我将根面板尺寸设置为 800 像素和 800 像素,它不会重复填充背景。如果我出于某种原因使用 %ages 似乎它不会重复?有什么想法可能是错的吗?

【问题讨论】:

  • 你提到的背景重复:无; ??
  • 默认重复不是吗?当我将宽度设置为 800px 时我没有指定重复,它重复没有问题
  • 是的。默认情况下,如果您没有提到 x 或 y,它将重复。

标签: css gwt


【解决方案1】:

如果您想摆脱 % heightwidth 并将它们设置为 Pixel 而不管 browser size ,然后使用

RootPanel.get().setHeight(Window.getClientHeight()+"px"); 

RootPanel.get().setWidth(Window.getClientWidth()+"px");

然后应用你的风格。

【讨论】:

  • A1 :) 正是我想要的,但是.....背景图像仍然不会重复,但我可以忍受。
  • 你设置了高度而不是宽度是第二行。
【解决方案2】:

是的,你是对的。图像不以 % 重复。对于重复图像,您必须在 Pixel 中指定高度和宽度。当我设置为像素时,我面临同样的问题,它会工作!!。

【讨论】:

  • 嗯,设置像素宽度不是一个选项,因为无论 UI 的宽度如何,我都希望我的 UI 看起来相似
  • 您可以使用Window.getClientWidth() + "px" 来完成。有什么问题吗!!或者您可以参考:stackoverflow.com/questions/2083831/…
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-05-27
  • 2011-06-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-10
相关资源
最近更新 更多