【问题标题】:Hiding gwt bootstrap widgets on ipad在 ipad 上隐藏 gwt 引导小部件
【发布时间】:2013-07-17 07:00:41
【问题描述】:

我有大小为 1 的 gwt bootstrap 列,并且此列的导航选项卡包含多个导航链接,例如 <b:Column size="1" ui:field="stackedTabColumn"> <b:NavTabs stacked="true" ui:field="stackedTabs"> <b:NavLink ui:field="projectsLink">Projects </b:NavLink>

我想在手机和 ipad 中隐藏这个堆叠的标签列。 我尝试使用stackedTabColumn.setShowOn(Device.Desktop);,但它似乎没有隐藏 ipad 中的列,而是隐藏在手机上以任何方式隐藏 gwt bootstrap 小部件 om ipad。 请帮忙

【问题讨论】:

    标签: gwt responsive-design uibinder gwt-bootstrap


    【解决方案1】:

    我建议你试试标签中的属性styleName="visible-desktop"

    doc here

    【讨论】:

    • 我试过了,它适用于平板电脑但不适用于 ipad
    • 第一个假设:你的 safari 适应了你页面的分辨率,而分辨率是错误的。如果您添加&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"&gt;,这将起作用。 第二个假设: 这是因为您使用的是带有视网膜屏幕的“新 iPad”。分辨率为 2048 像素 * 1536 像素。这就是为什么 bootstrap 认为它是桌面屏幕的原因。希望这对你有帮助!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多