为什么我的作品在移动设备上看起来与它的设计完全不同？

Question

所以我一直在努力学习有关响应式设计的更多信息。我开始在我的计算机上玩一个带有移动优先方法的小项目。我将浏览器缩小，并正确地设置了布局。使用％表示宽度，使用REM表示字体。我觉得哇这很容易

然而，当我在实际的移动设备上查看我的工作时，布局位置很好，但页面上的每个功能/元素都显得微不足道。因此，导航菜单与我在浏览器中的显示效果相比非常小。

这是为什么？我使用的浏览器是chrome和移动android。