我想说的是,我对HTML、CSS等并没有真正的经验。因为最近我开始阅读和学习它们。
我正试图制作一个响应迅速的网站,但当我认为一切都很顺利时,我遇到了一些让我困惑的事情。当我用手机浏览网站时(640x320-横向或320x640-纵向),网站看起来很棒。它应该是什么样子。然后我决定扩大屏幕分辨率的范围。我使用的是谷歌浏览器和名为"切换设备模式"的功能。当我使用640x320像素或其他变体的"切换设备模式"浏览网站时,网站与从手机浏览不同。为了更清楚,我会附上图片,这样你就可以确切地看到我在说什么。
-
当我浏览手机时:http://s17.postimg.org/bwybjg84f/Phone.png
-
当我在谷歌浏览器上浏览切换设备模式时:http://s17.postimg.org/xgtgdn31b/Computer.jpg
附言:在"切换设备模式"之后,我尝试了许多其他网站来测试你的网站响应能力,每个人都显示了这两个部分之间的差距。你能告诉我该不该担心吗?手机和响应模拟器之间的差异是从哪里来的?它可以修复吗?如果有人能帮助我,我将非常感激。提前谢谢。
PSS:对不起,我的英语不是母语。
切换设备模式只会更改网站渲染的视口大小。
当仅使用手机查看网站时,手机使用的浏览器与计算机不同,并且该浏览器的编码也不同。根据它的编码方式,结果可能会有所不同,因为它以不同的方式解释HTML页面。
这与开发人员在使网页与多个浏览器兼容(在计算机上)时面临的问题非常相似。