javascript - 如何仅增加桌面设备的字体大小

Question

在 ASP.Net MVC 项目上工作，我不想只是说...寻找一种检测移动/桌面设备的方法。如mozilla网站，他们说...您的第一步是尽可能避免它。首先尝试确定您想要这样做的原因。

我搜索并找到了很多答案，但没有一个是有效的或官方的方法来检测移动设备，这就是为什么我首先解释为什么我需要它。

给我的第一个任务是增加整个网站的字体大小，我做到了，并且使用下面的代码运行良好

    $(function increaseFont() {
    document.body.style.zoom = "150%"
});

现在我有了新的要求，将仅移动设备的大小减小到正常...所以我考虑在上述 JS 函数之前添加一个 if 条件检测设备是移动设备还是桌面设备。

请问有什么想法吗？

Answer 1

我会使用标准媒体查询来更改 CSS 属性。您正在寻找的代码可能类似于以下内容:

@media only screen and (min-width: 768px) { /* Anything larger than a tablet */
  body {
   font-size: large; /* Increases every font size */
  }
}

欲了解更多信息，您可以查看W3 Schools Website .

希望有帮助。