Chrome Android 从第三段开始缩放文本大小

问题描述 投票：0回答：1

我在使用 Chrome Android 时遇到一个问题，它会极大地缩放从第三段开始的文本大小，而不考虑指定的字体大小（px、em、rem、% 等）。这种情况只发生在 Chrome android 和基于它的浏览器中，在桌面版 Chrome 和其他浏览器中，字体大小保持不变或缩放得很少。示例：

超过2行的代码：

<html>
<body style="background-color:black;">
  <div style="color:white; font-size:50px;">
      <p>Selected text size: 50px. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows.</p>   
  </div>
</body>
</html>

少于3行的代码：

<html>
<body style="background-color:black;">
  <div style="color:white; font-size:50px;">
      <p>Selected text size: 50px. Less than 3 rows.</p>   
  </div>
</body>
</html>

enter image description here

为了清楚起见，我在这里托管了这两个选项的代码：

超过 2 行： https://ra2ven27.github.io/Prueba/index.html

少于 3 行： https://ra2ven27.github.io/Prueba/index2.html

要查看差异必须通过 chrome android 访问。

php android google-chrome size
1个回答
0
投票

我在我自己的网站上尝试了你的源代码。将 

<meta name="viewport" content="width=device-width, initial-scale=1">
添加到 
<head>
部分可以使文本大小保持不变，无论行数如何。 顺便说一句，在开发考虑到移动用户的网站时，将其包含在 html head 中几乎是最基本的事情。这行告诉浏览器网站的基本缩放比例。

来自 mdn web 文档的

这个链接很好地描述了为什么它会这样工作。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.