Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 234
CaptConrado Avatar asked Mar 23 '13 02:03

CaptConrado


1 Answers

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">
....
like image 72
Tarang Avatar answered Oct 02 '22 19:10

Tarang