我已经阅读了一些相关的 StackOverflow 问题:
但我觉得我仍然没有答案。 我有一个很棒的响应式设计(非常简单),无论您在桌面上调整浏览器的大小,它看起来都很棒。现在,当我通过 Chrome 检查元素并使用他们的手机预览时,一切都那么小。背景不像在桌面上那样拉伸(stretch)。主要内容不会像在桌面上那样填满该区域,即使将浏览器的大小重新调整为与手机的分辨率相同也是如此。
是的,我已经包含了视口(viewport)规范。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
老实说,无论我如何调整宽度,它似乎都没有改变任何东西——在桌面浏览器或移动设备上。
为什么网页在手机浏览器中看起来与在桌面浏览器中缩小到完全相同的分辨率时完全不同?
最佳答案
也许 user-scalable=0 而不是 no?
content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0"
关于android - 为什么我的响应式设计在移动设备上看起来与将浏览器大小调整为完全相同的分辨率时看起来不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34321886/