Question

我想在XPage应用程序中设置元标记视口。因此我使用一个需要扩展Bootstrap3.2.0_flat主题的主题。结果我在最终的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>

HTML：

 <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">

似乎第一个视口是从主题派生的。有没有办法覆盖它？我想在控件中使用mode =“override”。或者第一个视口是否是其他内容的结果？

Answer 1

在主题中使用<control>属性，您可以使用override="true"属性指定它应覆盖“默认”值。我认为你不能用<metaData>标签做到这一点。

但是你可以做什么：

在您的应用程序中基于Bootstrap3.2.0_flat主题创建一个新的Bootstrap 3.2.0基本主题。可以在Extension Library。
在该主题中，您可以设置<metaData>标记的正确值。
在您当前的主题中，您将extends="Bootstrap3.2.0_flat"替换为您刚刚创建/复制的主题的名称。

（哦，请记住，在最新的Extension Library版本中，Bootstrap3.2.0主题已重命名）

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

1 个答案: