首页 > 代码库 > 手机网页宽度 , 图片宽度 自适应

手机网页宽度 , 图片宽度 自适应


网页宽度

页面box不要写宽度或 width:100% 之类的 去掉

头部加上下面代码:

 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />

     

图片宽度

 <script type="text/javascript">

        function init() {

            var jian = 30;           

            var w = document.body.clientWidth - jian;

            var pic = document.getElementsByTagName("img");

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

                var width1 = pic[i].width;

                var height1 = pic[i].height;

                if (width1>w) {

                pic[i].width = w;

                pic[i].height = height1 * w / width1;

            }

            }

        }

</script>