在响应式布局中,碰到图片不会自动缩放,因此需要一段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>

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

猜你喜欢

转载自www.cnblogs.com/zengsf/p/11023917.html
今日推荐