我正在学习React并尝试构建一个简单的网站 . 在Codesandbox上Here it is .
我希望网站能够快速响应，并且我添加了我认为必要的CSS和HTML，例如 @media screen and (max-width: 600px) 和 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
该网站在浏览器中按预期显示，在Chrome和Firefox上进行了测试 .
我的问题是，当我使用 npm start 在开发服务器上运行该站点时，它在手机上表现得很好并且响应迅速 . 但是，当我运行 npm run build 然后从具有URL和所有功能的网络服务器提供服务时，手机只会将其显示为缩小的桌面网站 . 我在Android和iPhone上试过这个 .
我搜索过但找不到类似的问题 . 我非常感谢任何帮助 .
1 回答
事实证明，问题是我的网址使用了一个www-forwarder，它将我的页面包装在一个框架中 . 这破坏了响应能力 . 通过将URL更改为DNS服务，已删除包装器并且我的站点按预期工作 .