在具有引导主题的XPages应用程序中设置一个视口

在具有引导主题的XPages应用程序中设置一个视口,xpages,Xpages,我想在XPage应用程序中设置元标记视口。因此,我使用了一个需要扩展Bootstrap3.2.0_平面主题的主题。结果,我在最终的html中得到了两个视口标记。但是两个视口标记没有任何意义 主题: <theme extends="Bootstrap3.2.0_flat" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="platform:/plugin/com.ibm.d

我想在XPage应用程序中设置元标记视口。因此,我使用了一个需要扩展Bootstrap3.2.0_平面主题的主题。结果,我在最终的html中得到了两个视口标记。但是两个视口标记没有任何意义

主题:

<theme extends="Bootstrap3.2.0_flat" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="platform:/plugin/com.ibm.designer.domino.stylekits/schema/stylekit.xsd" >
    <resources>
        <metaData>
            <name>viewport</name>
            <content>user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi</content>
        </metaData>
    </resources>    
</theme>

视区
用户可缩放=否,初始缩放=1,最大缩放=1,最小缩放=1,宽度=设备宽度,高度=设备高度,目标密度dpi=设备dpi
html:


第一个视口似乎是从主题派生的。有什么方法可以推翻它吗?我想到控件中使用的mode=“override”。或者第一个视口是其他对象的结果?

在主题中使用
属性,您可以使用
override=“true”
属性指定它应该覆盖“默认”值。我不认为用
标签就可以做到这一点

但是,您可以做什么:

  • 在应用程序中基于
    Bootstrap3.2.0\u平面
    主题创建新的Bootstrap3.2.0基本主题。可在中找到其来源
  • 然后在该主题中设置
    标记的正确值
  • 在当前主题中,您可以将
    extends=“Bootstrap3.2.0\u flat”
    替换为您刚才创建/复制的主题的名称
(请记住,在最新的扩展库版本中,Bootstrap3.2.0主题已被重命名)

 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi">