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

Question

网易的手机端页面的字体大小是用js自动设置的么？如何实现呢

ringa_lee · Answer

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

巴扎黑 · Answer

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

伊谢尔伦 · Answer

配合rem来实现
rem详细介绍链接： http://isux.tencent.com/web-app-rem.html

伊谢尔伦 · Answer

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

阿神 · Answer

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设置为屏幕高度的十分之一。