在 Meteor 应用程序中放置苹果全屏元标记

Posted

技术标签:

【中文标题】在 Meteor 应用程序中放置苹果全屏元标记【英文标题】:Placing the apple full screen meta tags in a Meteor app 【发布时间】:2013-03-13 01:01:03 【问题描述】:

我正在尝试使用 Meteor.js 给人一种原生 iPad 应用程序的错觉 我不确定在哪里放置这些标签

    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

到目前为止,我已经在几个不同的地方部署了它,但都没有成功。 我是使用流星的新手,希望能提供任何帮助。

【问题讨论】:

【参考方案1】:

您将这些标签放在index.html 文件中&lt;head&gt; 之间,即

<head>
    <title>test app</title>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
</head>

<body>
    >greeting
</body>

<template name="greeting">
....

【讨论】:

再次感谢阿克沙特。完美运行。 meta标签参数应该用逗号分隔,不能用分号。

以上是关于在 Meteor 应用程序中放置苹果全屏元标记的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Angular 的 index.html 中放置组件/模板占位符?

页眉-通常在页眉中放置元标记和标题

在容器中放置 v-app-bar 内容有问题吗?

如何在 struts2 文本字段标签中放置占位符?

在 SwiftUI 应用程序中放置音频播放代码的位置[关闭]

在 UWP 应用程序的椭圆元素中放置一个 BitmapIcon