html - 需要刷新 div 的自动调整大小才能开始工作

Question

我使用 texttext 进行自动完成。该输入文本不再响应更改窗口大小。第一时间画面不错：

但是，当我更改浏览器窗口时，所有字段都会缩小，除了标签（具有 texttext 自定义样式），它的正确元素会转到该字段：

如果我点击刷新，它将找到它的正确位置。这是该字段的相关CSS：

.text-core {
position: relative;
}

.text-core .text-wrap {
    background: #fff;
    position: absolute;
    width: 100%;
}

.text-core .text-wrap textarea, .text-core .text-wrap input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #9daccc;
    outline: none;
    z-index: 1;
    background: none;
    overflow: hidden;
    margin: 0;
    padding: 3px 5px 4px 5px;
    white-space: nowrap;
    font: 14px; height : 34px;
    border-radius: 4px;
    height: 34px;
    min-width: 0;
    display: inline;
}

请有人帮助像其他人一样做出响应。谢谢！

Answer 1

尝试使用引导网格： http: //getbootstrap.com/css/

用 col-lg-6 col-md-12 col-sm-12 和 col-xs-12 放置表单，用 col-lg-6 col-md-12 col-sm-12 和 col-xs- 放置按钮12.