Html + Css 在计算机上响应良好（即使在最小化模式下），但在移动设备上响应较差

Question

我为我的 asp.net 项目使用了现成的模板...

我对html和Css不太了解，我只是通过反复试验删除和定制了一些代码。

为了

测试移动响应，我在PC中最小化了我的网络浏览器... 一切都很好...现在我在我的手机上测试时遇到了这个...

这是

PC 最小化 响应：它 好的

这是在

移动浏览器...：非常糟糕怎么可能？？？！！

这怎么可能eeee ???!!!!!!一切都很糟糕 见页脚！它像 PC 一样显示页脚，而不是移动设备！为什么？？？

我应该做什么？ 整个项目中解决这个问题最好、最快的方法是什么？

我不知道我应该分享什么...

Answer 1

有点不愿意将其作为答案发布，因为它相当基本，但我确实很感激可能有人不认识其重要性。

确保此行位于您的 head 元素中。

<meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 请参阅

https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag 了解更多详细信息。

还有一个警告 - 如果您使用其他人的代码，只有在您理解的情况下才删除它 - 并在 MDN 上查找您不确定的内容。