title: How to fit responsive wrapper canvas signature_pad in the div?
body: <p>I'm trying to manage my wrapper/canvas on responsive view to fit in the div. The problem is that it overflows the div's frame (look at screenshot)</p>
  
  <p>I tried to play with min-width and max-width but nothing works correctly.</p>
  
  <p><a href="https://jsfiddle.net/2w1Labxn/" rel="nofollow noreferrer">My Fiddle code</a></p>
  
  <pre><code>.wrapper {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 8px;
      position: relative;
      width: 262px;
      height: 150px;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  
  .signature_client,
  .signature_tech {
      position: absolute;
      left: 0;
      top: 0;
      width: 280px;
      height: 150px;
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ppzoB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ppzoB.jpg" alt="enter image description here"></a></p>