在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 大佬們， 我問一下移動(dòng)端還原設(shè)計(jì)稿問題。

大佬們， 我問一下移動(dòng)端還原設(shè)計(jì)稿問題。

如果我移動(dòng)端設(shè)計(jì)稿是 750px的 , 用rem 怎么還原頁面？
我是用js動(dòng)態(tài)給 html標(biāo)簽設(shè)置的font-size
圖片描述

比如說這個(gè) input 的 windth 我該給多少 rem? 中間是怎么換算的？
謝謝大佬了!

回答
編輯回答
醉淸風(fēng)

暈,居然還真的有人去詳細(xì)計(jì)算rem.一般我們都是在css中如font-size:12px;,完工上線壓縮css時(shí)順便的全部自動(dòng)轉(zhuǎn)為rem,例如font-size: 0.75rem;

2018年1月4日 06:22
編輯回答
瘋子范

簡(jiǎn)單點(diǎn)的話

var WIDTH = document.documentElement.clientWidth;
document.documentElement.style.fontSize = (WIDTH / 750) + "px"

這時(shí)候 設(shè)計(jì)稿是多少px就用多少rem

2018年6月17日 21:03
編輯回答
貓館
(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) {
                docEl.style.fontSize = '100px';
            } else {
                docEl.style.fontSize = 100 * (clientWidth / 1080) + 'px';
            }
        };

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

引入以上代碼 把1080改為你設(shè)計(jì)稿的寬度 以后1rem=100px
如：你的input是400px 你就寫4rem

2017年8月24日 07:49