网站在移动设备上太大

Question

我创建的网站在页面上造成了不必要的大宽度。该页面应该适合于手机的屏幕。但是我似乎无所不用其极。这是站点：https://gwenlotest.000webhostapp.com/index.html

它在大屏幕上完美运行，但是当我在移动网站上打开网站时，我必须滚动才能进入汉堡菜单，我不明白为什么。

Answer 1

它是由于右边的动画元素引起的。考虑将它们放入包装这些元素的另一个div中。 div的宽度应为100％。

您可能会注意到，向下滚动时，当元素从屏幕的右边缘进行动画时，右侧的扩展名消失了。

Answer 2

在您的meta name =“ viewport”中添加rinkle-to-fit = no，因此它应采用以下格式

<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">

我认为应该可以解决该问题。