Question

div如何随窗口变化缩放显示内容

将div的宽，随着窗口宽度自动调整，div内容等比例缩放的css或者js有没有啊，
就像智能手机，将手机横过来的时候，内容根据手机宽度调整，
同样功能，iFrame的方式可以吗？
高手们，帮帮忙吧~~

Answer 1

  <script src="../Jscript/jquery-1.4.1.min.js" type="text/javascript"></script>
  <script language="javascript" type="text/javascript">
 $(window).resize(function() {
            $("div").width(document.body.offsetWidth  + "px");
            $("div").height(document.body.clientHeight+ "px");
        });
        </script>

追问

谢谢你的答案，这段代码我试过了，能够调整body大小，没有缩放内容，我现在想要达到css中zoom的效果，但是想指定宽度，而不是按比例，有没有办法呢，谢谢

追答

你要是把DIV里所有的元素的高度 宽度都设成100% 应该有缩放的效果 但是不建议你这样 因为效果不是特别理想

追问

谢谢你，我用$("div").css("zoom","百分比")解决了

Answer 2

给body加一个height:100%;给html加一个height:100%，然后需要根据页面高度变化的div的高度也写成百分比，试试看，但要精确实现你说的比窗口小10px好像不太好实现

Answer 3

宽高设置为百分比