我正在用960grid系统创建一个响应式网站,但我遇到了一个小问题。如果你看一下网站http://www.mesquidatattoo.com/new在div #slide 4
或联系人表单所在的位置,当您将窗口水平调整为移动大小时,它会溢出,导致其中的输入(具有width: 100%;
)拉伸并离开容器。我可以做overflow: hidden;
,但那不能解决问题。
在CSS中添加以下内容:
input[type=text],
textarea {
box-sizing: border-box;
}
这将在计算元素宽度时考虑填充。
您可能需要浏览器前缀,这取决于您要适应的浏览器。
框大小浏览器支持