HTML字体大小在android上的浏览器中不起作用答案

【问题标题】：HTML font size not working in the browser on androidHTML字体大小在android上的浏览器中不起作用
【发布时间】：2021-10-26 15:12:27
【问题描述】：

我见过this question，但我的目标是在 Android 的网络浏览器中正确地查看 HTML 页面。简单来说，.html文件包含以下代码：

<!DOCTYPE html>
<html>
<head>
<style>a {font-size:25px;}</style>
</head>
<body>
<a href="https://www.google.com/">Some text</a><br>
</body>
</html>

我正在尝试在我的手机上使用样式中设置的大字体查看此文件。但是我尝试过的每个浏览器在加载时都会将字体大小更改为正常。我知道“可访问性”设置，但这并不能满足我的需求，因为它会更改每个页面的字体大小，而且还不够大。

我还尝试了其他更改字体大小的方法，例如在<a>标签内使用font-size属性，在文本周围使用<big>标签，并且字体大小在桌面上会相应更改，但android不会效仿.任何帮助将不胜感激！

【问题讨论】：

你用什么浏览器？我认为有一些设置可以强制字体大小。你在其他网站上看到不同的字体大小吗？
没有单一的安卓浏览器。你在用 Chrome 吗？网络视图？火狐？还有什么？
到目前为止，我已经尝试过 Chrome 和几个 Adblock 浏览器。
这能回答你的问题吗？ Website elements and font are too small in mobiles

标签： android html css fonts

【解决方案1】：

在你的头部标签中添加<meta name="viewport" content="width=device-width, initial-scale=1">。Read docs here

<!DOCTYPE html>
<html>
 <head>
  <style>a {font-size:25px;}</style>
  <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
<body>
 <a href="https://www.google.com/">Some text</a><br>
</body>
</html>

【讨论】：

【解决方案2】：

尝试在head标签中添加以下meta标签

<meta name="viewport" content="width=device-width, initial-scale=1.0">

【讨论】：