让webView自动适应浏览器大小--html代码

来源:互联网 发布:windows bash ubuntu 编辑:程序博客网 时间:2024/05/22 10:55

因为本人不擅长js,所以记录下来,以备以后使用 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type"content="text/html; charset=utf-8" />

        <title>无标题文档</title>

        <style>

            *{margin:0;padding:0;}

            #fontzoom{width:100%;overflow:hidden;}

            </style>

        <script>

            function $(id)

            {

                return document.getElementById(id);

            }

            function autoResizepic()

            {

                var bodywidth = $('fontzoom').style.width;

                bodywidth =document.body.scrollWidth

                var picTarget=$('fontzoom').getElementsByTagName('img');    

                

                if(picTarget.length>0)

                {

                    for(var i =0;i<picTarget.length;i++)

                    { 

                        if(picTarget[i].width>bodywidth)

                        {picTarget[i].width=bodywidth;}

                        if(picTarget[i].width<bodywidth)

                        {picTarget[i].width=bodywidth;}            

                    }

                }

            }

            window.onresize=autoResizepic;

            </script>

    </head>

    

    <body>

        <div id="fontzoom">

<img src="http://t.happimg.com/2011/0620/e55ca8718815.jpg" />

        </div>

        

        <script>

            autoResizepic();

            </script>

    </body>

</html>

原创粉丝点击