为什么我的网站在手机屏幕上没有响应？

Question

我建立了自己的网站集。有人可以帮我修复我的网站吗？它没有真正响应。问题是我在CSS中编写媒体查询时看不到任何变化。我还用javascript建立了一些动画滚动页面时，装饰物会从屏幕上掉下来。但是，如果我在手机屏幕上打开我的网站。字体大小和div的宽度不变，装饰物仍在屏幕上。

这是我的网站：https://galih56.github.io/

回购协议：https://github.com/galih56/galih56.github.io

Answer 1

您需要将meta标签添加到index.html头部：

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