我是新手，最后将过去3周我一直在努力的网页上线：www.alweso.2ap.pl
我知道它仍然需要做很多工作，代码很乱等等 - 这是我的第一个项目，我基本上只是在尝试并从中学习
我不明白为什么页面在手机上看起来如此混乱 - 我一直在使用Mozilla开发者工具，更改视口大小等等看起来相当不错 - 现在检查它是一个完全混乱
我将感谢任何帮助，这是开始解决这场灾难的起点。
Thnx对于这两个答案，不幸的是它没有帮助。我也看到视频没有显示 - 我应该添加不同的格式还是smth？我有mp4和webm。
一般来说，移动版本似乎完全忽略了我应用的任何媒体查询，并且在Mozilla开发人员工具中有效。
我完全不知道该怎么办，我迫切需要一些帮助。今天我想为一些初级职位发送一些简历似乎很好，但它们都需要响应式网页设计 - 我不能像那样发送它们......
答案 0 :(得分：1)
您需要在head：
<meta name="viewport" content="width=device-width">
手机“谎言”它们有多大，以便它们可以在不适合小屏幕尺寸的网站上获得漂亮的页面。如果您的页面在较小的尺寸上看起来很好，则需要添加上面的行以使它们停止“撒谎”。
答案 1 :(得分：1)
我认为该网站看起来很棒，但为了让它在移动设备上正常显示，您应该考虑使用bootstrap或zurb这样的基础。 getbootstrap.com或zurb.com
您还可以添加视口，记住包含比例！
<meta name="viewport" content="width=device-width, initial-scale=1">