页面上面引入rem布局可以吗

lyj168997

写页面的时候发现用px会有手机不适配，能否引入rem适配呢？跟原生的一样用require 方法引入可以吗？

半导体

X5里面是支持rem和em 的  开发的时候直接用就可以的

lyj168997

那他的rem是如何适配的呢？rem的缩放大小是多少在哪里找？

半导体

lyj168997 发表于 2017-6-22 10:28
那他的rem是如何适配的呢？rem的缩放大小是多少在哪里找？

rem不是相对于html跟节点吗    这个适配的话还是需要自己写一些相对文件的

lyj168997

恩恩，我自己写的一个rem的js 如下：

(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 / 640) + 'px';
                }
            };

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

在页面的js文件里面引入了这个js之后发现不好用试怎么回事儿呢？

半导体

lyj168997 发表于 2017-6-22 11:03
恩恩，我自己写的一个rem的js 如下：

(function (doc, win) {

你怎么引入的又是怎么判断调用的？

lyj168997

在页面的js文件里面通过require 引用的，但是写了之后好像没有什么效果

半导体

lyj168997 发表于 2017-6-22 11:50
在页面的js文件里面通过require 引用的，但是写了之后好像没有什么效果

这个不会啊  那你要不在设计界面下 通过点击window组件右键 添加js引用呢？