javascript - 如何用js判断屏幕分辨率,设置字体大小
高洛峰
高洛峰 2017-04-11 11:01:54
0
5
836

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

Antworte allen(5)
左手右手慢动作
document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';
巴扎黑

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

伊谢尔伦

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

伊谢尔伦

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

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage