title: Totally same linear-gradient lines looks different
body: <p>Why is it like this?
  <a href="https://i.stack.imgur.com/aSWCN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aSWCN.png" alt="enter image description here"></a></p>
  
  <p>Codepen example:
  <a href="https://codepen.io/bofemptiness/pen/PxGePa?page=1&amp;" rel="nofollow noreferrer">https://codepen.io/bofemptiness/pen/PxGePa?page=1&amp;</a></p>
  
  <p>The problem is more about why same lines are different, not a scale.</p>
  
  <p>css:</p>
  
  <pre><code>.hr{
    width: 100%;
    margin:10px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 65%), rgba(0, 0, 0, 0));
    border: 0;
    height: 1px;
    padding: 0;
    font-size: 16px;
     display: inline-block;
   }
  </code></pre>
  
  <p>If I make height: 0.8px; with normal PC scale 100% some lines will just disappear..</p>
  
  <p>P.S. Laptops is scaled 125% by default:
  <a href="https://i.stack.imgur.com/tB6BF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tB6BF.png" alt="enter image description here"></a></p>