CODEWITHSUNDEEP
htmlipadmobile-safarimeteor
CaptConrado
CaptConrado

Reputation: 1043

Placing the apple full screen meta tags in a Meteor app

I am attempting to give the illusion of a native iPad app using the Meteor.js I am unsure where to place these tags

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

So far, I have deployed it in several different places without success. I am brand new to using meteor and would appreciate any assistance.

Upvotes: 11

Views: 4225

Answers (1)

Tarang
Tarang

Reputation: 75985

You place these tags in your index.html file between <head> i.e

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

Upvotes: 11

Related Questions