在响应式布局中,碰到图片不会自动缩放,因此需要一段js脚本

<script>
        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    if (clientWidth > 640) {
                        clientWidth = 640;
                    }
                    docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';

                }; if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>

添加这端代码之后,图片就会跟随这屏幕的大小从而进行缩放。

posted on 2019-06-14 16:18  zengsf  阅读(515)  评论(0编辑  收藏  举报

导航