Css 语义ui反应移动友好组件

我正在为我的网站使用语义ui react。我想让所有的组件移动友好。但当我在手机上查看网站时，所有元素都呈现得非常小。请查看下图：

如何使元素在手机上显示得更大？此外，我想为手机版本的响应菜单。有人能告诉我吗

---

谢谢

您的html中是否已经有此元标记

？我认为它只是缺少了这一点。

您的html中是否已经有了这个元标记

？我认为它只是缺少了这一点。

确保您的HTML中在

之间有适当的

meta

标记，当然还要参考CSS（在js中导入也可以）：

---

确保您的HTML中在

之间有适当的

meta

标记，当然还要参考CSS（在js中导入也可以）：

---

感谢劳伦斯·德普罗斯特的帮助

我已经解决了这个问题。实际上有两个问题

第一个是我使用godaddy的域转发，启用了屏蔽。由于此原因，整个站点显示在一个框架集中，媒体查询无法工作。为了解决这个问题，我在Heroku中添加了一个自定义域，并在godaddy中将其用作CNAME记录

然后我还将css应用于此处的媒体查询：

有了这两个修复程序，网站运行良好

---

谢谢

谢谢劳伦斯·德罗斯特的帮助

我已经解决了这个问题。实际上有两个问题

第一个是我使用godaddy的域转发，启用了屏蔽。由于此原因，整个站点显示在一个框架集中，媒体查询无法工作。为了解决这个问题，我在Heroku中添加了一个自定义域，并在godaddy中将其用作CNAME记录

然后我还将css应用于此处的媒体查询：

有了这两个修复程序，网站运行良好

---

谢谢

是的，我加了那句话。但组件仍然显得更小。它们采用全宽，但输入元素的高度和字体大小非常小。我甚至看不懂。我已经把它添加到标签之间了。顺便说一句，我想把它包括在react ssr中。你能通过一个片段或链接分享一个吗？是的，我已经添加了这一行。但组件仍然显得更小。它们采用全宽，但输入元素的高度和字体大小非常小。我甚至看不懂。我已经把它添加到标签之间了。顺便说一句，我正试图把它包含在react ssr中。你能通过一个片段或链接分享一个吗？

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

<link
  rel="stylesheet"
  href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.1/dist/semantic.min.css"
/>