html rem动态计算

原创 2016年05月31日 19:40:12
function fixFontSize() {
  var $html = $('html');
  var remBase = $(window).width() / 10;
  var fontSize = remBase;
  while (true) {
    var actualSize = parseInt( $html.css('font-size') );
    if (actualSize > remBase && fontSize > 10) {
      fontSize--;
      $html.attr('style', 'font-size:' + fontSize + 'px!important');
    } else {
      break;
    }
  }
};
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js动态计算rem

在做移动端web app的时候,众所周知,移动设备分辨率五花八门,虽然我们可以通过CSS3的media query来实现适配,例如下面这样: 1 html { 2 fon...

html移动端页面适配js(采用rem+百分比形式)

(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaE...

html css 优酷客户端视频界面仿写 rem swiper flex使用

git 地址 git@github.com:comjustforfun/youkuLayoutHtml.git youkuMianPage

HTML5实现移动端之-rem布局

移动端rem布局 1.原理 rem相对于html的font-size的大小。根据此原理在不同设备下设置不同的font-size,显示的效果如出一辙,从而达到自适应的效果。 2.举例html{ f...

浅谈移动端的自适应问题——响应式、rem/em、利用Js动态实现移动端自适应

随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?本篇文章将讲述自适应网页设计...

【HTML5移动端开发】[rem + 百分比布局] 加载抖动(高度不一致)解的决方法

解决移动端rem+百分比布局加载瞬间页面错乱的方法 以下的内容和观点未经大牛级别验证,有错误的地方请大牛留言指教~! 移动端布局有很多种,这里我最常使用到 rem+ 百分比 的布局方式(高度/字...

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

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

js动态计算移动端rem(移动端适配rem)

在做移动端web app的时候,众所周知,移动设备分辨率五花八门,虽然我们可以通过CSS3的media query来实现适配,例如下面这样: 1 html { 2 font-...

CSS px,rem关系转换换算

  • 2017年01月16日 11:26
  • 2KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html rem动态计算
举报原因:
原因补充:

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