title: Why does a CSS border look different on Android?
body: <p>I have a box with a border.</p>
  
  <pre><code>border: 1px solid #000;
  </code></pre>
  
  <p>I am using the following viewport setup:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /&gt;
  </code></pre>
  
  <p>The border seems to be 2 pixels on the top and right side. 
  What is the reason for this?</p>
  
  <p><a href="https://i.stack.imgur.com/mPMMx.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mPMMx.png" alt="http://i.imgur.com/7yHjy.png"></a></p>
  
  <hr>
  
  <p>Additional: there are no other CSS rules other than a width and height.</p>