学习web前端技术的笔记，仅供自己查阅备忘，移动对font-size的控制（并非原创）...

假设根字体font-size的值是40px， 640/40=16，16就是px换算rem的值

function initHtmlFontSize(){

　　//获取可可视屏幕的宽度

　　var _width=document.body.clientWidth;

　　//判断

　　_width= _width > 640 ? 640:_width;

　　//当前的font-size的值

　　var _fs=_width/16;

//赋给html节点

　　document.getElementsByTagName('html')[0].style.fontSize=_fs + 'px';

}

initHtmlFontSize()

经过@天桥残局的优化顿时有深度有高度局长daio，上代码：

!(function(doc, win) {    var docEle = doc.documentElement,            evt = "onorientationchange" in window ? "orientationchange" : "resize",            fn = function() {                var width = docEle.clientWidth;                width && (docEle.style.fontSize = doc.documentElement.clientWidth/16 + "px");            };

    win.addEventListener(evt, fn, false);    doc.addEventListener("DOMContentLoaded", fn, false);

}(document, window));

转载于:https://www.cnblogs.com/opcec/p/5430186.html

学习web前端技术的笔记，仅供自己查阅备忘，移动对font-size的控制（并非原创）...相关推荐

经验分享：如何系统学习 Web 前端技术？
本文作者:曾亮.晟暄科技 CEO ,HTML5 & Node.js 技术讲师. Javascript前后端全栈开发人员 DDD/CQRS 设计师对 Node.js 和 HTML5 有多年开发 ...
为什么很多人转行学习Web前端技术?
今天小编要跟大家分享的文章是关于为什么很多人转行学习web前端技术?不管你是工人阶层还是服务行业,是否想过转行IT,转行IT后肯定会选择一门编程语言进行深入学习,很多转行的人基础都不是太好,不是科班出 ...
学习Web前端技术，掌握JavaScript这门语言是必须的
相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生,这些可以说是一个前端的基本配置,而在前端的世界里,没有什么是JavaScript实现不了的.关于JS有一句话:凡是可以用Jav ...
开课吧Web：学习Web前端技术有哪些好处？
虽然说钱不是万能的,但是没有钱却是万万不能的,虽然做什么都把钱放在第一位上,让人感觉有点俗,但是现实就是这样的,我们不管是上大学还是学习一个技术,都是为了能够赚更多的钱,拥有更好的生活环境,而在现如今 ...
跟学尚硅学习，趴的老师笔记仅供自己学习和复习无他用途-JavaSE复习笔记
JavaSE复习笔记第一章 Java概述一.计算机语言机器语言汇编语言高级语言:更接近人类语言,方便编写与维护,但相对机器语言执行效率低. 二.跨平台原理一处编写,到处运行. Java程序 ...
什么人适合学习web前端?怎样学好web前端开发?
web前端在IT互联网行业的发展前景是非常可观的,越来越多的人都在学习web前端技术,那么什么人适合学习web前端?怎样学好web前端开发?相信大家都想了解这些问题,我们来看看下面的详细介绍. 什么人 ...
Web前端技术 Web学习资料 Web学习路线 Web入门宝典（不断更新中）
(此文档于2019年3月停止再更新,后续更新移步至:https://github.com/liuyuqin1991/polaris) 学习路线第一章技术(核心单独列章节) 1.Node Node. ...
web前端技术：学习HTML、CSS、JavaScript
学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript,本文详细为你解答他们都是能实现哪些功能? 1HTML是网页内容的载体内容就是网页制作者放在页面上想要让用户浏览的信息,可以 ...
Web前端技术分享：学习HTML和CSS的5大理由
人们学习HTML和CSS最常见的原因是开始从事Web开发.但并不是只有Web开发人员才要学习HTML和CSS的核心技术.作为一个网络用户,你需要你掌握的相关技术很多,但下面小千总结了5个你无法拒绝学习 ...
码匠编程：学习Web前端开发时有哪些技术点
现在学前端的人是越来越多,学习质量也是参差不齐.过来人的身份告诉你,如果你还没有下定决心花时间去学习Web前端,那也可以先找些视频学习下,Web前端开发有哪些常见技术点!接下来,就看看Web前端开发有 ...

学习web前端技术的笔记，仅供自己查阅备忘，移动对font-size的控制（并非原创）...

学习web前端技术的笔记，仅供自己查阅备忘，移动对font-size的控制（并非原创）...相关推荐

最新文章

热门文章