时间戳

首页 > 解决方案 > 我们可以在 Web 项目中检测移动设备中的字体大小或字体系列吗？

javascript - 我们可以在 Web 项目中检测移动设备中的字体大小或字体系列吗？

问题描述

我正在做一个项目，我需要根据用户需要更改字体样式和大小，比如用户设备的字体大小比网页的字体大小也大。

例如，您的 android 或 ios 设备具有如下所示的基本字体大小

主标题 - 18px 副标题 - 16px 内容 - 14px

并且您的网页主页字体大小是

主标题 - 16px 副标题 - 18px 内容 - 12px

现在我想检测 android 或 ios 设备的字体大小来更改我的网页字体大小。

标签： javascriptjquery

解决方案

（上述评论的继续）。

var div = document.getElementsByTagName('body')[0]; // this will set the body tag as variable
// this taken from here: https://stackoverflow.com/a/7444724/6525081
function css( element, property ) { 
    return window.getComputedStyle( element, null ).getPropertyValue( property );
}
alert( css( div, 'font-size' ) );

在此处阅读有关 getComputedStyle的更多信息

你可以在这里查看类似的小提琴

希望有帮助。

推荐阅读