手機端 圖片自適應螢幕尺寸

標籤：

    <script type="text/javascript">        $(function () {            var imglist = document.getElementsByTagName("img");            //安卓4.0+等高版本不支援window.screen.width，安卓2.3.3系統支援            var _width;            doDraw();            window.onresize = function () {                //捕捉螢幕視窗變化，始終保證圖片根據螢幕寬度合理顯示                doDraw();            }            function doDraw() {                _width = window.innerWidth;                for (var i = 0, len = imglist.length; i < len; i++) {                    DrawImage(imglist[i], _width);                }            }            function DrawImage(ImgD, _width) {                var image = new Image();                image.src = ImgD.src;                image.onload = function () {                    //限制，只對寬高都大於30的圖片做顯示處理                    if (image.width > 30 && image.height > 30) {                        if (image.width > _width) {                            ImgD.width = _width;                            ImgD.height = (image.height * _width) / image.width;                        } else {                            ImgD.width = image.width;                            ImgD.height = image.height;                        }                    }                }            }        })</script>

　　

手機端 圖片自適應螢幕尺寸