我使用textext进行自动完成。该输入文本不再响应于更改窗口大小。第一次屏幕很好:
但是当我更改浏览器窗口时,除了tag(具有textext自定义样式)之外,所有字段都缩小,右边的元素将转到该字段:
如果我点击刷新会找到合适的位置。 以下是该字段的相关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;
}
请有人帮助像其他人那样做出响应。谢谢!
答案 0 :(得分:0)
尝试使用引导网格: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。