网站的敏捷响应行为

Question

我想说我对HTML，CSS等并不熟悉，因为最近我开始阅读并学习它们。

我正在努力创建一个响应式网站，但当我认为一切都非常顺利时，我遇到了一些让我很困惑的事情。当我通过手机浏览网站（640x320 - 横向或320x640 - 肖像）时，网站看起来很棒。究竟应该如何。然后我决定扩大屏幕分辨率的范围。我正在使用谷歌浏览器和称为“切换设备模式”的功能。当我使用640x320像素或其他变体的“切换设备模式”浏览网站时，网站与从手机浏览网站不同。为了更清楚，我会附上图片，这样你就可以看到我正在谈论的内容。

• 当我浏览手机时： http://s17.postimg.org/bwybjg84f/Phone.png

• 当我浏览Google Chrome上的切换设备模式时： http://s17.postimg.org/xgtgdn31b/Computer.jpg

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

PSS：对不起我的英语，但我不是母语人士。

Answer 1

切换设备模式仅更改网站呈现的视口的大小。

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

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