在響應式佈局中,碰到圖片不會自動縮放,所以須要一段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>

添加這端代碼以後,圖片就會跟隨這屏幕的大小從而進行縮放。spa

相關文章
相關標籤/搜索