实现Html网页(DOM元素)等比例宽高的方式

现在要做一个网页，用于大屏展示，里面所有的东西包括页面本身都应该是成比例的，就是不管你用多大/小的屏幕，把网页拉的多宽/高，页面布局不变，展示的页面永远是16：9
实现方式想的我头秃，感谢网友，感谢百度。。这里是热心网友的地址，可直接进去看

以下为方便自己看整理的内容:
网友自己写了计算函数方法，当你引用的class开头是“dengbi—”，就会自己计算出高度了

函数方法代码如下：

/*--------------------样式计算方法----------------------*/
          document.addEventListener('readystatechange',function(){
          if(document.readyState=='interactive'){
            dengbijisuan();
             }
          });

           //监听div和屏幕的改变
          window.onresize = function(){
            dengbijisuan();
          }
           /**对元素进行宽跟高等比计算dengbi—4vs2**/
          function dengbijisuan(){
            //查找所有class以dengbi—开头的元素
            var key="dengbi-";
            var doms=$('*[class*="'+key+'"]');  
            //循环处理
            var myReg=/\s*dengbi-[0-9_]+vs[0-9_]+\s*/gi;
            for(var i=0;i

页面上这样就可以了