easyui页面自适应

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui页面自适应相关的知识,希望对你有一定的参考价值。

<body class="easyui-layout">       父容器
        <div class="easyui-layout" id="subWrap" fit="true" style="width:100%;height:100%;">      子容器
            <div region="north"  style="height:300px;">   自己设置页面距离
                 <div region="center" style="width:130px;margin:50px auto;" >
                   <div style="margin-bottom:20px">
                        <div style="font-size:15px">Telephone:</div>
                        <input id="clearcard_number" class="easyui-numberbox" ></input>
                        </div>
                         <div style="margin-bottom:20px">
                       <a id="fat_clearcard_number" href="#" class="easyui-linkbutton" data-options="iconCls:‘icon-remove‘" style="width:150px" text="清卡代偿账号"></a></div>

              </div>
                </div>
            </div>
        </div>

以上是关于easyui页面自适应的主要内容,如果未能解决你的问题,请参考以下文章

easyui点开页面,根据tabs到其他页面时,再回到这个页面。easyui-dataGrid才会自适应改变宽度长度

easyui 浏览器自适应问题

jquery easyUI datagrid如何让宽度自适应

JavaScript提高:003:easy UI实现tab页面自适应问题

jquery easyUI datagrid如何让宽度自适应

easyui layout 高度怎么自适应