rem为所有屏幕设置初始font-size

原创 2015年07月08日 15:38:07
<script>
  (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 / 320) + 'px';
  };
   
  if (!doc.addEventListener) return;
  win.addEventListener(resizeEvt, recalc, false);
  doc.addEventListener('DOMContentLoaded', recalc, false);
  })(document, window);
  </script>

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

rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果。 rem 的官方定义『The...
  • csdn_yudong
  • csdn_yudong
  • 2016年12月14日 13:53
  • 4424

rem与media标签实现移动端屏幕适配

rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果。(当然了,他是一个相对单位,以...
  • lianlianlia
  • lianlianlia
  • 2016年11月30日 09:24
  • 3337

翻译:CSS3用rem来设置font-size

翻译:CSS3用rem来设置font-size即使在今天,确定字体单位仍然会成为一个激烈话题。不幸的是,各种技术都各有利弊,不能让人满意。问题仅仅是这些不能让人满意的技术中哪一个更可取。其中有两种可取...
  • u013108997
  • u013108997
  • 2015年05月15日 20:17
  • 1365

【移动端】基于rem实现手机端页面自适应--动态改变dpr和font-size

这两天还是在写手机端的那个表单页面,我好苦恼啊。明明在chrome上调试的时候都是可以的,但是真的用手机去扫码看的时候,就出现问题了。 苹果手机么有问题,都是根据dpr来设置meta标签,动态设置f...
  • XIAOZHUXMEN
  • XIAOZHUXMEN
  • 2016年04月26日 18:44
  • 3432

移动端H5之动态设置html的font-size的横屏BUG修复以及横屏提示 by FungLeo

移动端H5之动态设置html的font-size的横屏BUG修复以及横屏提示 by FungLeo前言在上一篇 移动端之在不同尺寸大小的手机上展示同一效果解决方案 中,我们考虑的只是默认竖屏的情况.很...
  • FungLeo
  • FungLeo
  • 2016年04月22日 16:59
  • 7670

我们怎样学会放弃设置默认的font-size而拥抱em

原文链接:http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/ 在css中使用em单位,在灵活性上...
  • hutaoer06051
  • hutaoer06051
  • 2013年09月17日 17:23
  • 599

font-size,line-height,text-indent大小的设置方法(px,em,百分数)及其继承性

首先我们要明确的一点就是font-size,line-height,text-indent都是可继承的css属性,接下来我们就来讨论这三个属性的使用方法还有它们的继承方法。  一、font-size(...
  • liu_lxy
  • liu_lxy
  • 2017年04月28日 15:20
  • 338

IE6下font-size值设置与否对元素height,background产生的影响(二)

其实之前做日常项目的时候,发现了font-size设置在IE6下带来的问题,然后去查了下,是由于IE6下div中的默认font-size值是12px,这篇博文有讲到,IE6中设置div的最小高度  ,...
  • hutaoer06051
  • hutaoer06051
  • 2012年07月18日 10:36
  • 734

User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器

User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器 Font: Default Ari...
  • geovindu
  • geovindu
  • 2011年12月18日 18:07
  • 2650

为什么不建议将 font-size 设置为 12px 以下?如果一定要设置为 12px 以下要怎么做?

问题:为什么不建议将 font-size 设置为 12px 以下?如果一定要设置为 12px 以下要怎么做? 先看看把 font-size 设置为 12px 以下时的效果:(浏览器为 Chrom...
  • holly777
  • holly777
  • 2017年12月14日 12:04
  • 46
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:rem为所有屏幕设置初始font-size
举报原因:
原因补充:

(最多只允许输入30个字)