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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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