Html 网站的奇怪响应行为

我想说的是，我对HTML、CSS等方面并没有真正的经验。。因为最近我开始阅读和学习它们

我正试图建立一个反应迅速的网站，但当我认为一切都很顺利时，我遇到了一些让我困惑的事情。当我通过手机（640x320-横向或320x640-纵向）浏览网站时，网站看起来很棒。应该是这样的。然后我决定扩大屏幕分辨率的范围。我使用的是谷歌Chrome和“切换设备模式”功能。当我使用640x320像素的“切换设备模式”或其他变体浏览网站时，网站与通过手机浏览不同。为了更清楚，我会附上图片，这样你就可以确切地看到我在说什么

• 当我浏览手机时：

• 当我浏览Google Chrome上的切换设备模式时：

PS：在“切换设备模式”之后，我尝试了许多其他的网站来测试你的网站的响应能力，每个人都显示了这两个部分之间的差距。你能告诉我我该不该担心吗？手机和响应模拟器之间的差异从何而来？它能修好吗？如果有人能帮助我，我将非常感激。提前谢谢

---

对不起，我的英语不是以英语为母语的

切换设备模式仅更改网站在其中渲染的视口的大小

当仅使用手机查看网站时，手机使用的浏览器与计算机不同，并且该浏览器的编码也不同。根据编码方式的不同，结果可能不同，因为它以不同的方式解释HTML页面

---

这与开发人员在使其网页与多个浏览器（在计算机上）兼容时所面临的问题非常相似。

请将代码添加到jsfiddle中。请同时提供网站的url。没有代码和网络概述，就不可能帮助你。伙计！！无论何时发布有关堆栈溢出的问题，请记住也分享您的代码！我们不能盲目地发现错误！！在发布问题之前，你需要阅读这个和这个