rem 实现自应用屏幕大小

服务器托管网

rem 一般是针对移动端而设置的，css3规定 1rem的大小就是根元素的font-size的值。
1、css

.title{
    font-size: 0.1rem;  
}

2、js

/*设置根元素字体大小*/
function getRem() {
  var html = document.getElementsByTagName("html")[0]; /*获取标签元素*/
  var oWidth =
    document.body.clientWidth ||
    document.documentElement
      .clientWidth; /*获取设备的宽度  ||后为兼容IE低版本写法*/
  console.log("oWidth", oWidth);
  html.style.fontSize =
    oWidth / 7.6 +
    "px";  // 7.6: 表示设计稿宽度为760px;
}

/*页面初始化调用getRem()*/
window.onload = function () {
  /*初始化*/
  getRem();
  /*getRem绑定监听*/
  window.addEventListener("resize", ge服务器托管网tRem, false);
};

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 【从零开始学微服务】01.微服务的过去与现在

大家好，欢迎来到万猫学社，跟我一起学，你也能成为微服务专家。 微服务的历史 再介绍什么是微服务之前，我们先了解一下微服务架构的历史，也就是微服务是如何提出来的。 2011年5月 2011年5月，在威尼斯附近举办了一个软件架构师研讨会，在会上就开始讨论了“微服务…