我在页面上显示了HeaderPanel作为根对象。如何为它定义最小宽度,以便当用户使浏览器窗口宽度小于此值时,出现整个页面的水平滚动?

最佳答案

(我假设您已使用UiBinder,因为您已用“ UiBinder”标记了问题)

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
  xmlns:g='urn:import:com.google.gwt.user.client.ui'>
<ui:style>
  .widthHeaderPanel { min-width:500px; }<!-- set your minimum width here -->
</ui:style>

<g:HeaderPanel addStyleNames='{style.widthHeaderPanel}'><g:HeaderPanel>


基本上,您只需要将css属性min-width设置为想要的值即可。上面的示例显示了如何使用Uibinder进行操作。

09-29 21:34