使用javascript设置页面的宽度自适应的方法如下：
首先新建一个test.aspx空白页面，如图所示：
将一个div拖动到新建的test.aspx空白页面中，其中div的源码为<div id="Div1" runat="server"></div>。如图所示：
将JavaScript函数进行定义，其中源码为<script type="text/javascript"></script>。函数名可以自定义为function resizeDiv(minusWidth, minusHeight) {}。在自定义的函数中包含了高度和宽度，如图所示：
其中函数的详细内容为，如图所示：
函数调用完成之后，开始调用函数，页面默认剩余的宽度是20px和40px。如图：
函数调用完成之后，利用JavaScript设置页面的宽度自适应即可成功。
datagrid本身控件界面，直接fit:true 设定好表格就会自适应界面大小。列宽，每个th的属性里面可以设置宽度，设置fitColumns:false，可以产生滚动条适应设定宽度，不然设成TRUE，列宽自动适应界面，不会产生滚动条
bootstrap table自适应内容宽度的方法如下：
使用class“table-responsive”
<div class=table-responsive">
<table class="table text-nowrap">
<thead>
<tr>
<th>... </th>
.... </tr>
</thead>
<tbody>
<tr>
<td>... </td>
.... </tr>
..... </tbody>
</table></div>
其中，表格需要加table样式。
表格里面的thead和tbody不能省略，否则Bootstrap表格样式不会被使用。
根据具体问题类型，进行步骤拆解／原因原理分析／内容拓展等。
具体步骤如下：／导致这种情况的原因主要是……
