javascript - Android浏览器渲染html文本的半宽

Question

我已经禁用了 CSS，删除了一半的 HTML 代码，看起来这是 Android 浏览器的一个错误。我使用的是 Android 4.2.2，内置浏览器。

它应该如何呈现:

Text 1234567891011

它是如何渲染的:

Text 1234
567891011

我仔细检查了页面代码和 CSS，禁用了 Javascript 和 CSS，但仍然得到相同的结果。不知道是浏览器问题还是代码问题。

要检查的页面:http://lucrebem.com.br/blog/emp/66-o-que-vender

截图，按要求:

到目前为止我发现了这个:

这些图像来自使用 Android 4.1.2 的教程，这意味着那些旧版本的 Android 存在自动调整页面的问题。有没有一种方法可以配置代码本身以适应页面，而不必更改 Android 设置？

Answer 1

已解决。

必须在 HTML 中插入:

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

它的作用是控制移动端的视口(viewport)布局，这样页面就可以适应屏幕而无需更改 Android 设置。

如这里所述: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag