app页面如果制作,制作的步骤.html5制作

2025-05-19 19:34:20
推荐回答(1个)
回答(1):

        您好,设计图是720的,可以使用媒体查询和rem以及流动布局,这样才有一套设计图在所有手机上都很好的视频,通过Javascript控制根元素的默认字体大小,以下为Javascript代码:

     

  (function (doc, win) {

        var docEl = doc.documentElement,

                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',

                recalc = function () {

                    var clientWidth = docEl.clientWidth;

                    if (!clientWidth) return;

                    docEl.style.fontSize = 20 * (clientWidth / 1400) + 'px';

                };


        if (!doc.addEventListener) return;

        win.addEventListener(resizeEvt, recalc, false);

        doc.addEventListener('DOMContentLoaded', recalc, false);

    })(document, window);