html - 如何在 div 中安装响应式包装 Canvas signature_pad?

标签 html css twitter-bootstrap canvas signaturepad

我正在尝试在响应式 View 上管理我的包装器/ Canvas 以适应 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;
}

enter image description here

最佳答案

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

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

关于html - 如何在 div 中安装响应式包装 Canvas signature_pad?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48285088/

相关文章:

javascript - 使用递增/递减按钮循环回到数字范围的开始或结束

javascript - 我可以强制在特定浏览器中打开链接吗?

html - 在电话模式下隐藏按钮文本 - Bootstrap

css - 有人有 CSS 模板来将 Twitter Bootstrap 与其中一位配色方案设计师联系起来吗?

javascript - <video> 标签让我的按钮不可见

html - CSS 有时不重新加载 Django

css - 有人可以向我解释以下代码中的 i 是什么意思(css)吗?

html - 将伪元素的父元素堆叠在顶部

html - 背景图像在容器内拉伸(stretch)全屏

html - <picture> 标签如何与两个源配合使用?