Mobile 网站在移动设备上看起来很糟糕

我是个新手，终于把过去3周我一直在做的网页放到了网上：www.alweso.2ap.pl

我知道这仍然需要做大量的工作，代码混乱等等——这是我的第一个项目，我基本上只是在尝试并从中学习

我不明白的是，为什么手机上的页面看起来这么凌乱——我一直在使用Mozilla开发工具，更改视口大小等等，而且看起来相当不错——现在查看它的实时性，这是一个完全凌乱的页面

我将感谢任何帮助，这是开始修复这场灾难的起点

---

对于两个答案，不幸的是都没有帮助。我还看到视频没有显示-我应该添加其他格式或smth吗？我有mp4和webm

总的来说，手机版似乎完全忽略了我应用的以及在Mozilla开发工具中使用的任何媒体查询

---

我完全不知道该怎么办，我迫切需要一些帮助。今天我想为一些初级职位发送一些简历，这似乎很好，但它们都需要响应性的网页设计，我不能像那样发送这些简历…

你需要在

标题的某个地方添加这一行：

<meta name="viewport" content="width=device-width">



手机“撒谎”说它们有多大，这样它们就可以在不是为小屏幕设计的网站上获得一个好看的页面。如果你的页面在较小的尺寸上看起来不错，你需要添加上面的线来让他们停止“撒谎”。
 < P>我认为网站看起来很棒，但是为了让它在手机上看起来正确，你应该使用Bootstrap或Zurb等基础。getbootstrap.com或zurb.com

还可以添加视口，记住要包含比例

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


显示您的媒体查询，听起来好像它们是错的。@Damien Black-我认为如果您在上下文中看到它们会更好-查看网站的源代码并转到superparalax.css-它们都在那里。希望你能找到问题！在路上的某个地方，我决定在下一个网站上学习Bootstrap，因为经过一些阅读，它似乎是一种更稳定的解决方案。这一次，我仍然希望在没有它的情况下它能正常工作，而不是改变我过去三周所做的一切。