Question

我无法弄清楚为什么我所制作的网站在移动设备上渲染如此之小。为了找出原因，我设法用这个非常短的html来复制问题：

<html>
  <body>
    <div style="font-size: 14px">
      No look behind the back catch
    </div>
  </body>
</html>

您可以看到该HTML here的实时版本。 This是我在iPhone上呈现该示例的方式。 This是同一个短语（＆＃34; No look back the back catch＆＃34;）是如何使用相同的字体大小呈现的，除了在另一个站点Reddit中。为什么我的HTML在手机上渲染得如此之小？

Answer 1

您需要添加一个视口元标记：

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

这是文件的负责人：

<html>
  <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <div style="font-size: 14px">
      No look behind the back catch
    </div>
  </body>
</html>

为什么这个小HTML示例在我的手机上渲染得如此之小？

1 个答案: