javascript - 如何用js判断屏幕分辨率，设置字体大小

ringa_lee2017-04-11 11:03:54

document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';

巴扎黑2017-04-11 11:03:54

淘宝出的 flexible https://github.com/amfe/lib-flexible

伊谢尔伦2017-04-11 11:03:54

<meta name="viewport" content="width=device-width"> 配合rem来实现
rem详细介绍链接： http://isux.tencent.com/web-app-rem.html

伊谢尔伦2017-04-11 11:03:54

可以使用@media查询来设置字体大小
@media screen and (max-device-width:1024px) and (orientation:landscape){}
@media screen and (max-device-width:1024px) and (orientation:portrait){}

阿神2017-04-11 11:03:54

var ww = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var wh = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
document.documentElement.style.fontSize = (wh / 10)+"px";

在html上设置字体，是为了方便使用rem的单位，比如上面的代码，把1rem设置为屏幕高度的十分之一。