移动端字体适配

添加事件监听：element.addEventListener("click", functionDemo);

移除事件监听：element.removeEventListener("click", functionDemo);

1. 第一个参数是事件的类型 (如 "click" 或 "mousedown").
2. 第二个参数是事件触发后调用的函数。
3. 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。

注意:不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 "onclick"

效果：点击页面任何一处，都会触发弹框：Hello window.addEventListener!

window.addEventListener("click", function() {
	alert("Hello window.addEventListener!");
});

效果：当页面大小被改动时字体大小自适应（如页面最大化，最小化等）

方式一：

// 移动端适配
function setRootFontSize() {
	var width = document.documentElement.clientWidth,fontSize;
	if (width > 750) {
		width = 750;
	}
	fontSize = (width / 750) * 100;
	document.getElementsByTagName("html")[0].style["font-size"] = fontSize + "px";
}
setRootFontSize();
window.addEventListener("resize",function() {
		setRootFontSize();
},false);

方式二： 

document.addEventListener('DOMContentLoaded', function() {
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
})