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


网页宽度

页面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>



手机网页宽度 , 图片宽度 自适应,,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。