title: Why does my viewport look different when I deploy to heroku?
body: <p>I have a simple web app that I am deploying to <code>heroku</code>.  In my html, I am have the meta information about the viewport:</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"&gt;
      &lt;title&gt;Notify&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="./app.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="./bootstrap.css"&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Here is my server code:</p>
  
  <pre><code>var express = require('express');
  var app = express();
  var port = process.env.PORT || 3000;
  
  app.use(express.static('./public'));
  </code></pre>
  
  <p>When I access it from my <code>iphone</code> being served locally, it looks fine.  I don't have to pinch and zoom to use my app.  </p>
  
  <p>I then deploy it to <code>heroku</code>.  When I access the app it is extremely small.  I have to pinch and zoom to be able to use the app.  What could be causing this?</p>