【发布时间】:2025-08-06 17:35:02
【问题描述】:
我有一个HeaderPanel 作为我的页面上显示的根对象。如何为它定义最小宽度,所以当用户使浏览器窗口宽度小于这个值时,会出现整个页面的水平滚动?
【问题讨论】:
我有一个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 进行操作。
【讨论】:
overflow 设置为 hidden(可能在您的 <body> 标签上)。如果你把它改成auto 你应该没问题。