美文网首页
rem 屏幕适配

rem 屏幕适配

作者: Amy_yqh | 来源:发表于2018-10-11 09:15 被阅读0次

屏幕适配方法

var iUA = navigator.userAgent,
    UA = {
      isAndroid: /Android|Adr/i.test(iUA),
      isIOS: /(iPhone|iPod|iPad)/.test(iUA),
      isWindowsPhone: /(?:Windows Phone)/.test(iUA),
      isUCBrowser: /UCBrowser|UCWEB/.test(iUA)
    };
    UA.isPc = !UA.isIOS && !UA.isAndroid && !UA.isUCBrowser;
    if (UA.isPc) {
      self.location = "./oldphoto.html";
    } else {
      (function(doc, win) {
        var docEl = doc.documentElement;
        var resize = function() {
            var clientWidth = docEl.clientWidth;
            docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
        };
        win.addEventListener('resize', resize);
        resize();
      })(document, window);
    }

相关文章

  • 了解真实的『REM』手机屏幕适配

    了解真实的『REM』手机屏幕适配rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。 使用...

  • rem 屏幕适配

    屏幕适配方法

  • 手机屏幕适配方案 ( REM )

    REM 简介 rem 是屏幕适配中得到重用的长度单位。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等...

  • 2018-06-01

    rem Rem实现响应适配时,只要将转rem的px与初始屏幕宽度(即根据屏幕宽度变化的根元素字体大小)关系对应好,...

  • 移动Web

    屏幕适配 rem适配 1、设置 设置页面元素宽度单位为 rem 或 em注:此方案比较灵活,我们的案例将采用这种方...

  • rem 手机屏幕适配

    手机端屏幕适配解决方案(含屏幕旋转): danhuan 阅读笔记 2018.04.02文章:https://m...

  • 基于vue-cli3的vue项目 通过postcss-pxtor

    使用postcss-pxtorem 项目中的px转换为rem,rem单位用于适配不同宽度的屏幕。 如何在vue-c...

  • 移动端开发

    视口 屏幕适配 布局 流体布局 响应式布局 rem布局 弹性盒模型布局

  • rem.js

    //设置跟元素字体大小,配合rem做屏幕适配 ``` ( function(doc,win){ l...

  • 关于移动端兼容适配问题 2018-09-17

    移动端可用兼容适配:vw+vh,em,dpi,rem 使用rem: 之前采用的是媒体查询,但是当屏幕发生旋转时...

网友评论

      本文标题:rem 屏幕适配

      本文链接:https://www.haomeiwen.com/subject/llvvaftx.html