B/S开发框架_软件开发平台_web开发框架_敏捷框架_.net开发平台_快速开发平台

js原始html方式

            window.onresize = function() {undefined
            Ext.getCmp('gridId').setWidth(document.documentElement.clientWidth); //修改最外层容器的宽度
            var w = document.documentElement.clientWidth;
            var array = new Array(0.05, 0.2, 0.2, 0.1, 0.1, 0.1, 0.25);
            for (var i = 0; i < array.length; i++) {undefined
            Ext.getCmp('gridId').columnManager.getColumns()[i + 1].setWidth(w * array[i]);
            if (i == array.length - 1) {undefined
            Ext.getCmp('gridId').columnManager.getColumns()[i + 1].setWidth(w * array[i] - 15);
            }
            }
            };

bootstarp栅格系统

bootstrap每行分12等分，可以根据大屏(lg)、PC屏(md)、移动屏(xs)来自适应。

             <-- 引入外部bootstrap的css文件(压缩版)，版本是3.3.7 -->
            <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"<

            <div class="col-md-4 col-xs-12 col-sm-6">

css3样式来自适应

@media 类型 and (条件1)
{
//css样式
｝

           @media only screen and(max-width:980px){
               /*这个就是屏幕小于等于980px */
              /*样式*/
            }