如何在 div 中安装响应式包装画布 signature_pad？答案

【问题标题】：How to fit responsive wrapper canvas signature_pad in the div?如何在 div 中安装响应式包装画布 signature_pad？
【发布时间】：2018-01-16 15:49:28
【问题描述】：

我正在尝试在响应式视图上管理我的包装器/画布以适应 div。问题是它溢出了 div 的框架（看截图）

我尝试使用 min-width 和 max-width 但没有任何效果。

My Fiddle 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;
}

【问题讨论】：

标签： html css twitter-bootstrap canvas signaturepad

【解决方案1】：

您好，如果您删除填充它可以解决问题

.table>tbody>tr>td {
      padding:8px 0px;
  }

【讨论】：

好吧，我尝试了你的css代码，但没有解决问题，看@jsfiddle.net/2w1Labxn/1谢谢你的帮助。
@Peacefull 制作包装器{ width: 100%;} .signature_client, .signature_tech {width:100% } 而不是 width: 262px;