Question

我最近在Heroku上部署了一个ReactJS网站，并且相信我拥有网站移动响应所需的内容，但该网站只是看起来如果要在桌面上查看它应该是什么样子。在移动设备上观看时，一切都非常小。

可能是什么问题？

这是HTML：

<html lang="en" class="practice">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>Practice Web</title>
    <meta name="description" content="practice">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <div id="app"></div>
  <script type="text/javascript" src="/bundle.js"></script></body>
</html>

Answer 1

也许内容扩展到容器之外，如图像或其他东西。试试看是否是这种情况：

<html lang="en" class="practice">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>Practice Web</title>
    <meta name="description" content="practice">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type="text/css">
      body {
        width: 100%;
        overflow: hidden;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <script type="text/javascript" src="/bundle.js"></script>
  </body>
</html>

ReactJS + Heroku：为什么我的网站没有移动响应？

1 个答案: